Setup our own icons library (#177)

front/src/components/icons/components/IconAddressBook.tsx

@@ -0,0 +1,10 @@
+import { ReactComponent as IconAddressBookRaw } from '../svgs/address-book.svg';
+
+import { TablerIconsProps } from '@tabler/icons-react';
+
+export function IconAddressBook(props: TablerIconsProps): JSX.Element {
+  const size = props.size ?? 24;
+  const stroke = props.stroke ?? 2;
+
+  return <IconAddressBookRaw height={size} width={size} strokeWidth={stroke} />;
+}

front/src/components/icons/index.ts

@@ -0,0 +1,2 @@
+export { IconAward } from '@tabler/icons-react';
+export { IconAddressBook } from './components/IconAddressBook';

front/src/components/icons/svgs/address-book.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-address-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z" />
+  <path d="M10 16h6" />
+  <path d="M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
+  <path d="M4 8h3" />
+  <path d="M4 12h3" />
+  <path d="M4 16h3" />
+</svg>
+
+