chore: Make a twenty Eslint Rule to make sure that icons are imported from @/ui/icons (#1370)

Fix the imports

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Mael FOSSO <fosso.mael.elvis@gmail.com>

front/src/modules/ui/button/components/Button.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
 
+import { TablerIconsProps } from '@/ui/icon';
 import { SoonPill } from '@/ui/pill/components/SoonPill';
 
 export type ButtonSize = 'medium' | 'small';

front/src/modules/ui/button/components/FloatingButton.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
+
+import { TablerIconsProps } from '@/ui/icon';
 
 export type FloatingButtonSize = 'small' | 'medium';
 export type FloatingButtonPosition = 'standalone' | 'left' | 'middle' | 'right';

front/src/modules/ui/button/components/FloatingIconButton.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
+
+import { TablerIconsProps } from '@/ui/icon';
 
 export type FloatingIconButtonSize = 'small' | 'medium';
 export type FloatingIconButtonPosition =

front/src/modules/ui/button/components/IconButton.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
+
+import { TablerIconsProps } from '@/ui/icon';
 
 export type IconButtonSize = 'medium' | 'small';
 export type IconButtonPosition = 'standalone' | 'left' | 'middle' | 'right';

front/src/modules/ui/button/components/LightButton.tsx

@@ -1,6 +1,7 @@
 import React, { MouseEvent, useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
+
+import { TablerIconsProps } from '@/ui/icon';
 
 export type LightButtonAccent = 'secondary' | 'tertiary';
 

front/src/modules/ui/button/components/LightIconButton.tsx

@@ -1,6 +1,7 @@
 import React, { MouseEvent, useMemo } from 'react';
 import styled from '@emotion/styled';
-import { TablerIconsProps } from '@tabler/icons-react';
+
+import { TablerIconsProps } from '@/ui/icon';
 
 export type LightIconButtonAccent = 'secondary' | 'tertiary';
 export type LightIconButtonSize = 'small' | 'medium';