diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..ce0407f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 2
\ No newline at end of file
diff --git a/components/AuthRequired.tsx b/components/AuthRequired.tsx
deleted file mode 100644
index b27318e..0000000
--- a/components/AuthRequired.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useSession } from 'next-auth/react'
-import { useRouter } from 'next/router';
-
-export default function Auth({ children }) {
-    const router = useRouter();
-    const { status } = useSession({
-        required: true,
-        onUnauthenticated: () => router.push(`/signin?info=${encodeURI('Vous devez être connecté pour accéder à cette page')}`)
-    });
-
-    if (status === 'loading') {
-        return (
-            <div className='App' style={{ alignItems: 'center' }}>
-                <p style={{ height: 'fit-content' }}>Chargement de la session en cours</p>
-            </div>
-        );
-    }
-
-    return children;
-}
\ No newline at end of file
diff --git a/components/BlockWrapper/block-wrapper.module.scss b/components/BlockWrapper/block-wrapper.module.scss
deleted file mode 100644
index 5ae9eda..0000000
--- a/components/BlockWrapper/block-wrapper.module.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-@import "../../styles/keyframes.scss";
-@import "../../styles/colors.scss";
-
-.block-wrapper {
-    height: auto;
-    width: 100%;
-
-    & h4 {
-        user-select: none;
-        text-transform: uppercase;
-        font-size: 0.85em;
-        font-weight: 500;
-        color: $grey;
-        margin-bottom: 5px;
-    }
-
-    & ul {
-        animation: fadein 0.3s both;
-    }
-
-    & ul li {
-        position: relative;
-        user-select: none;
-        cursor: pointer;
-        height: fit-content;
-        width: 100%;
-        background-color: $white;
-        padding: 7px 12px;
-        border: 1px solid $lightest-grey;
-        border-bottom: 2px solid $lightest-grey;
-        border-radius: 3px;
-        transition: 0.15s;
-
-        &:not(:last-child) {
-            margin-bottom: 5px;
-        }
-    }
-}
diff --git a/components/Links/links.module.scss b/components/Links/links.module.scss
deleted file mode 100644
index 69caa56..0000000
--- a/components/Links/links.module.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-@import "../../styles/keyframes.scss";
-@import "../../styles/colors.scss";
-
-.no-link,
-.no-category {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    animation: fadein 0.3s both;
-}
-
-.links-wrapper {
-    height: 100%;
-    padding: 10px;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    overflow-x: hidden;
-    overflow-y: scroll;
-
-    & h2 {
-        color: $blue;
-        margin-bottom: 15px;
-        font-weight: 500;
-
-        & .links-count {
-            color: $grey;
-            font-weight: 300;
-            font-size: 0.8em;
-        }
-    }
-}
-
-.links {
-    width: 100%;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    animation: fadein 0.3s both; // bug on drag start
-}
-
-.link {
-    user-select: none;
-    cursor: pointer;
-    height: fit-content;
-    width: 100%;
-    color: $blue;
-    background-color: $white;
-    padding: 10px 15px;
-    border: 1px solid $lightest-grey;
-    border-radius: 3px;
-    margin-bottom: 10px;
-    outline: 3px solid transparent;
-    display: flex;
-    align-items: center;
-    transition: 0.15s;
-
-    &:hover {
-        border: 1px solid transparent;
-        outline: 3px solid $light-blue;
-
-        & .url-pathname {
-            animation: fadein 0.3s both;
-        }
-
-        & .controls {
-            display: flex;
-            animation: fadein 0.3s both;
-        }
-    }
-}
-
-.link > a {
-    height: 100%;
-    max-width: calc(100% - 125px); // TODO: faut fix ça, c'est pas beau
-    text-decoration: none;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    transition: 0.1s;
-
-    &,
-    &:hover {
-        border: 0;
-    }
-
-    & .link-name {
-        display: flex;
-        align-items: center;
-        gap: 0.5em;
-    }
-
-    & .link-name .link-category {
-        color: $grey;
-        font-size: 0.9em;
-    }
-
-    & .link-url {
-        width: 100%;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        color: $grey;
-        font-size: 0.8em;
-
-        & .url-pathname {
-            opacity: 0;
-        }
-    }
-}
-
-.link .controls {
-    display: none;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-
-    & > * {
-        border: 0;
-        margin: 0;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: 0.1s;
-
-        &:hover {
-            transform: scale(1.3);
-        }
-
-        & svg {
-            height: 20px;
-            width: 20px;
-        }
-    }
-}
-
-.favicon {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.favicon-loader {
-    position: absolute;
-    top: 0;
-    left: 0;
-    background-color: $white;
-
-    & > * {
-        animation: rotate 1s both reverse infinite linear;
-    }
-}
diff --git a/components/MessageManager/message-manager.module.scss b/components/MessageManager/message-manager.module.scss
deleted file mode 100644
index fdfee53..0000000
--- a/components/MessageManager/message-manager.module.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@import "../../styles/colors.scss";
-
-.info-msg {
-    height: fit-content;
-    width: 100%;
-    text-align: center;
-    font-style: italic;
-    font-size: 0.9em;
-    color: $dark-blue;
-    background-color: $lightest-blue;
-    padding: 10px;
-    border-radius: 3px;
-    animation: fadein 250ms both;
-}
-
-.error-msg {
-    height: fit-content;
-    width: 100%;
-    text-align: center;
-    font-style: italic;
-    font-size: 0.9em;
-    color: $red;
-    background-color: $light-red;
-    padding: 10px;
-    border-radius: 3px;
-    animation: fadein 250ms both;
-}
-
-.success-msg {
-    height: fit-content;
-    width: 100%;
-    text-align: center;
-    font-style: italic;
-    font-size: 0.9em;
-    color: $green;
-    background-color: $light-green;
-    padding: 10px;
-    border-radius: 3px;
-    animation: fadein 250ms both;
-}
diff --git a/components/Modal/modal.module.scss b/components/Modal/modal.module.scss
deleted file mode 100644
index 8b5f307..0000000
--- a/components/Modal/modal.module.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-@import "../../styles/colors.scss";
-@import "../../styles/keyframes.scss";
-
-.modal-wrapper {
-    z-index: 9999;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background: rgba($black, 0.5);
-    backdrop-filter: blur(0.25em);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    animation: opacityin 0.3s both;
-}
-
-.modal-container {
-    background: $light-grey;
-    min-width: 500px;
-    padding: 1em 1.5em;
-    border-radius: 3px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    animation: fadeintop 0.3s both;
-}
-
-.modal-header {
-    width: 100%;
-    margin-bottom: 1.5em;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    & button.btn-close {
-        color: $blue;
-        background-color: transparent;
-        border: 0;
-        padding: 0;
-        margin: 0;
-    }
-}
-
-.modal-body {
-    width: 100%;
-    display: flex;
-    flex: 1;
-    align-items: center;
-    flex-direction: column;
-}
diff --git a/components/Selector.tsx b/components/Selector.tsx
deleted file mode 100644
index 78d579f..0000000
--- a/components/Selector.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { MutableRefObject, useEffect, useState } from 'react';
-import Select, { OptionsOrGroups, GroupBase } from 'react-select';
-
-type Option = { label: string | number; value: string | number; }
-
-interface SelectorProps {
-    name: string;
-    label?: string;
-    labelComponent?: JSX.Element;
-    innerRef?: MutableRefObject<any>;
-    fieldClass?: string;
-
-    options: OptionsOrGroups<Option, GroupBase<Option>>;
-    value?: number | string;
-    onChangeCallback?: (value: number | string) => void;
-
-    disabled?: boolean;
-}
-
-export default function Selector({
-    name,
-    label,
-    labelComponent,
-    innerRef = null,
-    fieldClass = '',
-    value,
-    options = [],
-    onChangeCallback,
-    disabled = false
-}: SelectorProps): JSX.Element {
-    const [selectorValue, setSelectorValue] = useState<Option>();
-
-    useEffect(() => {
-        if (options.length === 0) return;
-
-        const option = options.find((o: Option) => o.value === value) as Option;
-        if (option) {
-            setSelectorValue(option);
-        }
-    }, [options, value]);
-
-    function handleChange(selectedOption: Option) {
-        setSelectorValue(selectedOption);
-        if (onChangeCallback) {
-            onChangeCallback(selectedOption.value);
-        }
-    }
-
-    return (<div className={`input-field ${fieldClass}`}>
-        {label && (
-            <label htmlFor={name} title={`${name} field`}>
-                {label}
-            </label>
-        )}
-        {labelComponent && (
-            <label htmlFor={name} title={`${name} field`}>
-                {labelComponent}
-            </label>
-        )}
-        <Select
-            value={selectorValue}
-            onChange={handleChange}
-            options={options}
-            ref={innerRef}
-            isDisabled={disabled}
-        />
-    </div>);
-}
diff --git a/components/SideMenu/Categories/categories.module.scss b/components/SideMenu/Categories/categories.module.scss
deleted file mode 100644
index 68ad36a..0000000
--- a/components/SideMenu/Categories/categories.module.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-@import "../../../styles/keyframes.scss";
-@import "../../../styles/colors.scss";
-
-.categories {
-    height: 100%;
-    width: 100%;
-    min-height: 0;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-}
-
-.items {
-    padding-right: 5px;
-    overflow-y: scroll;
-}
-
-.item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    &.active {
-        color: $white;
-        background: $blue;
-        border-color: $blue;
-    }
-
-    &:hover:not(.active) {
-        color: $blue;
-        background: $white;
-        border-bottom: 2px solid $blue;
-    }
-
-    &.active .menu-item .option-edit svg {
-        fill: $white;
-    }
-
-    & .content {
-        width: 100%;
-        display: flex;
-        flex: 1;
-        align-items: center;
-
-        & .name {
-            margin-right: 5px;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-        }
-
-        & .links-count {
-            min-width: fit-content;
-            font-size: 0.85em;
-            color: $grey;
-        }
-    }
-    &:hover .content {
-        width: calc(100% - 42px);
-    }
-
-    & .menu-item {
-        height: 100%;
-        min-width: fit-content;
-        margin-left: 5px;
-        display: none;
-        gap: 2px;
-        align-items: center;
-        justify-content: center;
-        animation: fadein 0.3s both;
-
-        & > a {
-            border: 0;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            &:hover {
-                transform: scale(1.25);
-            }
-
-            & svg {
-                height: 20px;
-                width: 20px;
-            }
-        }
-    }
-    &:hover .menu-item {
-        display: flex;
-    }
-}
diff --git a/components/SideMenu/Favorites/favorites.module.scss b/components/SideMenu/Favorites/favorites.module.scss
deleted file mode 100644
index df3062d..0000000
--- a/components/SideMenu/Favorites/favorites.module.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@import "../../../styles/colors.scss";
-
-.favorites {
-    height: auto;
-    width: 100%;
-    margin-bottom: 15px;
-
-    & h4 {
-        user-select: none;
-        text-transform: uppercase;
-        font-size: 0.85em;
-        font-weight: 500;
-        color: $grey;
-        margin-bottom: 5px;
-    }
-}
-
-.favorites ul.items li.item {
-    width: 100%;
-    background-color: $white;
-    padding: 0;
-    border: 1px solid $lightest-grey;
-    border-bottom: 2px solid $lightest-grey;
-    border-radius: 3px;
-    transition: 0.15s;
-
-    & a {
-        width: 100%;
-        color: inherit;
-        padding: 0.65em 1.15em;
-        border: 0 !important;
-        display: flex;
-        align-items: center;
-        gap: 0.25em;
-    }
-
-    & .category {
-        color: $grey;
-        font-size: 0.85em;
-    }
-
-    &:not(:last-child) {
-        margin-bottom: 5px;
-    }
-
-    &.active {
-        color: $white;
-        background: $blue;
-        border-color: $blue;
-    }
-
-    &:hover:not(.active) {
-        color: $blue;
-        background: $light-grey;
-        border-bottom: 2px solid $blue;
-    }
-}
diff --git a/components/SideMenu/UserCard/user-card.module.scss b/components/SideMenu/UserCard/user-card.module.scss
deleted file mode 100644
index 9992ee8..0000000
--- a/components/SideMenu/UserCard/user-card.module.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import "../../../styles/colors.scss";
-
-.user-card-wrapper {
-    user-select: none;
-    height: fit-content;
-    width: 100%;
-    color: $black;
-    background-color: $white;
-    border: 1px solid $lightest-grey;
-    padding: 7px 12px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    & .user-card {
-        display: flex;
-        gap: 0.5em;
-        align-items: center;
-
-        & img {
-            border-radius: 50%;
-        }
-    }
-
-    & button {
-        cursor: pointer;
-        color: $blue;
-        display: flex;
-        transition: 0.15s;
-
-        &:hover {
-            transform: scale(1.3);
-        }
-    }
-}
diff --git a/components/SideMenu/sidemenu.module.scss b/components/SideMenu/sidemenu.module.scss
deleted file mode 100644
index dae04a6..0000000
--- a/components/SideMenu/sidemenu.module.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@import "../../styles/colors.scss";
-
-.side-menu {
-    height: 100%;
-    width: 325px;
-    padding: 0 25px 0 10px;
-    border-right: 1px solid $lightest-grey;
-    margin-right: 15px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    overflow: hidden;
-}
-
-.menu-controls {
-    margin: 10px 0;
-    display: flex;
-    gap: 0.25em;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-
-    & .action {
-        display: flex;
-        gap: 0.5em;
-    }
-}
diff --git a/pages/404.tsx b/pages/404.tsx
deleted file mode 100644
index 9e505d2..0000000
--- a/pages/404.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NextSeo } from 'next-seo';
-
-import styles from '../styles/error-page.module.scss';
-
-export default function Custom404() {
-    return (<>
-        <NextSeo
-            title='Page introuvable'
-        />
-        <div className={styles['App']}>
-            <h1>404</h1>
-            <h2>Cette page est introuvable.</h2>
-        </div>
-    </>)
-}
\ No newline at end of file
diff --git a/pages/500.tsx b/pages/500.tsx
deleted file mode 100644
index 5afe0ed..0000000
--- a/pages/500.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NextSeo } from 'next-seo';
-
-import styles from '../styles/error-page.module.scss';
-
-export default function Custom500() {
-    return (<>
-        <NextSeo
-            title='Une erreur est survenue'
-        />
-        <div className={styles['App']}>
-            <h1>500</h1>
-            <h2>Une erreur côté serveur est survenue.</h2>
-        </div>
-    </>)
-}
\ No newline at end of file
diff --git a/pages/_document.tsx b/pages/_document.tsx
deleted file mode 100644
index 02e8e54..0000000
--- a/pages/_document.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Head, Html, Main, NextScript } from 'next/document';
-
-const Document = () => (
-    <Html lang='fr'>
-        <Head>
-            <meta name="theme-color" content="#f0eef6" />
-            <link
-                href='https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap'
-                rel='stylesheet'
-            />
-            <meta charSet='UTF-8' />
-        </Head>
-        <body>
-            <noscript>
-                Vous devez activer JavaScript pour utiliser ce site
-            </noscript>
-            <Main />
-            <NextScript />
-        </body>
-    </Html>
-)
-
-export default Document;
\ No newline at end of file
diff --git a/pages/api/auth/[...nextauth].ts b/pages/api/auth/[...nextauth].ts
deleted file mode 100644
index ac09a01..0000000
--- a/pages/api/auth/[...nextauth].ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { PrismaClient } from "@prisma/client";
-import NextAuth from "next-auth";
-import GoogleProvider from "next-auth/providers/google";
-const prisma = new PrismaClient();
-
-export default NextAuth({
-	providers: [
-		GoogleProvider({
-			clientId: process.env.GOOGLE_CLIENT_ID,
-			clientSecret: process.env.GOOGLE_CLIENT_SECRET,
-			authorization: {
-				params: {
-					prompt: "consent",
-					access_type: "offline",
-					response_type: "code",
-				},
-			},
-		}),
-	],
-	callbacks: {
-		async signIn({ account: accountParam, profile }) {
-			// TODO: Auth
-			console.log(
-				"Connexion via",
-				accountParam.provider,
-				accountParam.providerAccountId,
-				profile.email,
-				profile.name
-			);
-			if (accountParam.provider !== "google") {
-				return (
-					"/signin?error=" +
-					encodeURI("Authentitifcation via Google requise")
-				);
-			}
-			const email = profile?.email;
-			if (email === "") {
-				return (
-					"/signin?error=" +
-					encodeURI(
-						"Impossible de récupérer l'email associé à ce compte Google"
-					)
-				);
-			}
-			const googleId = profile?.sub;
-			if (googleId === "") {
-				return (
-					"/signin?error=" +
-					encodeURI(
-						"Impossible de récupérer l'identifiant associé à ce compte Google"
-					)
-				);
-			}
-			try {
-				const account = await prisma.user.findFirst({
-					where: {
-						google_id: googleId,
-						email,
-					},
-				});
-				const accountCount = await prisma.user.count();
-				if (!account) {
-					if (accountCount === 0) {
-						await prisma.user.create({
-							data: {
-								email,
-								google_id: googleId,
-							},
-						});
-						return true;
-					}
-					return (
-						"/signin?error=" +
-						encodeURI(
-							"Vous n'êtes pas autorisé à vous connecter avec ce compte Google"
-						)
-					);
-				} else {
-					return true;
-				}
-			} catch (error) {
-				console.error(error);
-				return (
-					"/signin?error=" +
-					encodeURI(
-						"Une erreur est survenue lors de l'authentification"
-					)
-				);
-			}
-		},
-	},
-	pages: {
-		signIn: "/signin",
-		error: "/signin",
-	},
-	session: {
-		maxAge: 60 * 60 * 6, // Session de 6 heures
-	},
-});
diff --git a/pages/api/category/remove/[cid].ts b/pages/api/category/remove/[cid].ts
deleted file mode 100644
index 7d0af15..0000000
--- a/pages/api/category/remove/[cid].ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { NextApiRequest, NextApiResponse } from 'next';
-import { prisma } from '../../../../utils/back';
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse) {
-    const { cid } = req.query;
-
-    try {
-        const category = await prisma.category.findFirst({
-            where: { id: Number(cid) }
-        });
-
-        if (!category) {
-            return res.status(400).send({ error: 'Categorie introuvable' });
-        }
-    } catch (error) {
-        console.error(error);
-        return res.status(400).send({ error: 'Une erreur est survenue lors de la suppression de la catégorie (category/remove->findCategory)' });
-    }
-
-    try {
-        await prisma.category.delete({
-            where: { id: Number(cid) }
-        });
-
-        return res.status(200).send({ success: 'La catégorie a été supprimée avec succès' });
-    } catch (error) {
-        console.error(error);
-        return res.status(400).send({ error: 'Une erreur est survenue lors de la suppression de la catégorie (category/remove->deleteCategory)' });
-    }
-};
\ No newline at end of file
diff --git a/pages/api/favicon.ts b/pages/api/favicon.ts
deleted file mode 100644
index 901b1bf..0000000
--- a/pages/api/favicon.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { NextApiRequest, NextApiResponse } from "next";
-import { parse } from "node-html-parser";
-
-const USER_AGENT =
-	"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 Edg/108.0.1462.54";
-
-export default async function handler(
-	req: NextApiRequest,
-	res: NextApiResponse
-) {
-	const urlRequest = (req.query?.url as string) || "";
-	if (!urlRequest) {
-		throw new Error("URL's missing");
-	}
-
-	try {
-		const { favicon, type, size } = await downloadImageFromUrl(
-			urlRequest + "/favicon.ico"
-		);
-		if (size === 0) {
-			throw new Error("Empty favicon");
-		}
-		if (!isImage(type)) {
-			throw new Error("Favicon path does not return an image");
-		}
-		return sendImage({
-			content: favicon,
-			res,
-			type,
-			size,
-		});
-	} catch (error) {
-		console.error(error);
-	}
-
-	try {
-		const requestDocument = await makeRequest(urlRequest);
-		const text = await requestDocument.text();
-
-		const faviconPath = findFaviconPath(text);
-		if (!faviconPath) {
-			throw new Error("[Favicon] Unable to find favicon path");
-		}
-
-		if (isBase64Image(faviconPath)) {
-			console.log("[Favicon] base64, convert it to buffer");
-			const buffer = convertBase64ToBuffer(faviconPath);
-			return sendImage({
-				content: buffer,
-				res,
-				type: "image/x-icon",
-				size: buffer.length,
-			});
-		}
-
-		const pathWithoutFile = popLastSegment(requestDocument.url);
-		const finalUrl = buildFaviconUrl(faviconPath, pathWithoutFile);
-
-		const { favicon, type, size } = await downloadImageFromUrl(finalUrl);
-		if (!isImage(type)) {
-			throw new Error("Favicon path does not return an image");
-		}
-
-		return sendImage({
-			content: favicon,
-			res,
-			type,
-			size,
-		});
-	} catch (error) {
-		console.error(error);
-		res.status(404).send({ error: "Unable to retrieve favicon" });
-	}
-}
-
-async function makeRequest(url: string) {
-	const headers = new Headers();
-	headers.set("User-Agent", USER_AGENT);
-
-	const request = await fetch(url, { headers });
-	return request;
-}
-
-async function downloadImageFromUrl(url: string): Promise<{
-	favicon: Buffer;
-	url: string;
-	type: string;
-	size: number;
-}> {
-	const request = await makeRequest(url);
-	const blob = await request.blob();
-
-	return {
-		favicon: Buffer.from(await blob.arrayBuffer()),
-		url: request.url,
-		type: blob.type,
-		size: blob.size,
-	};
-}
-
-function sendImage({
-	content,
-	res,
-	type,
-	size,
-}: {
-	content: Buffer;
-	res: NextApiResponse;
-	type: string;
-	size: number;
-}) {
-	res.setHeader("Content-Type", type);
-	res.setHeader("Content-Length", size);
-	res.send(content);
-}
-
-function findFaviconPath(text) {
-	const document = parse(text);
-	const links = document.querySelectorAll(
-		'link[rel="icon"], link[rel="shortcut icon"]'
-	);
-	const link = links.find(
-		(link) => !link.getAttribute("href").startsWith("data:image/")
-	);
-	if (!link) {
-		return console.warn("nothing, exit");
-	}
-
-	return link.getAttribute("href") || "";
-}
-
-function popLastSegment(url = "") {
-	const { href } = new URL(url);
-	const pathWithoutFile = href.split("/");
-	pathWithoutFile.pop();
-	return pathWithoutFile.join("/") || "";
-}
-
-function buildFaviconUrl(faviconPath, pathWithoutFile) {
-	if (faviconPath.startsWith("http")) {
-		console.log("startsWith http, result", faviconPath);
-		return faviconPath;
-	} else if (faviconPath.startsWith("/")) {
-		console.log("startsWith /, result", pathWithoutFile + faviconPath);
-		return pathWithoutFile + faviconPath;
-	} else {
-		console.log("else, result", pathWithoutFile + "/" + faviconPath);
-		return pathWithoutFile + "/" + faviconPath;
-	}
-}
-
-function isImage(type: string) {
-	return type.includes("image");
-}
-
-function isBase64Image(data) {
-	return data.startsWith("data:image/");
-}
-
-function convertBase64ToBuffer(base64 = ""): Buffer {
-	const buffer = Buffer.from(base64, "base64");
-	return buffer;
-}
diff --git a/src/components/AuthRequired.tsx b/src/components/AuthRequired.tsx
new file mode 100644
index 0000000..f757037
--- /dev/null
+++ b/src/components/AuthRequired.tsx
@@ -0,0 +1,27 @@
+import { useSession } from "next-auth/react";
+import { useRouter } from "next/router";
+
+export default function Auth({ children }) {
+  const router = useRouter();
+  const { status } = useSession({
+    required: true,
+    onUnauthenticated: () =>
+      router.push(
+        `/signin?info=${encodeURI(
+          "Vous devez être connecté pour accéder à cette page"
+        )}`
+      ),
+  });
+
+  if (status === "loading") {
+    return (
+      <div className="App" style={{ alignItems: "center" }}>
+        <p style={{ height: "fit-content" }}>
+          Chargement de la session en cours
+        </p>
+      </div>
+    );
+  }
+
+  return children;
+}
diff --git a/components/BlockWrapper/BlockWrapper.tsx b/src/components/BlockWrapper/BlockWrapper.tsx
similarity index 100%
rename from components/BlockWrapper/BlockWrapper.tsx
rename to src/components/BlockWrapper/BlockWrapper.tsx
diff --git a/src/components/BlockWrapper/block-wrapper.module.scss b/src/components/BlockWrapper/block-wrapper.module.scss
new file mode 100644
index 0000000..e6ab0d4
--- /dev/null
+++ b/src/components/BlockWrapper/block-wrapper.module.scss
@@ -0,0 +1,38 @@
+@import "styles/keyframes.scss";
+@import "styles/colors.scss";
+
+.block-wrapper {
+  height: auto;
+  width: 100%;
+
+  & h4 {
+    user-select: none;
+    text-transform: uppercase;
+    font-size: 0.85em;
+    font-weight: 500;
+    color: $grey;
+    margin-bottom: 5px;
+  }
+
+  & ul {
+    animation: fadein 0.3s both;
+  }
+
+  & ul li {
+    position: relative;
+    user-select: none;
+    cursor: pointer;
+    height: fit-content;
+    width: 100%;
+    background-color: $white;
+    padding: 7px 12px;
+    border: 1px solid $lightest-grey;
+    border-bottom: 2px solid $lightest-grey;
+    border-radius: 3px;
+    transition: 0.15s;
+
+    &:not(:last-child) {
+      margin-bottom: 5px;
+    }
+  }
+}
diff --git a/components/Checkbox.tsx b/src/components/Checkbox.tsx
similarity index 100%
rename from components/Checkbox.tsx
rename to src/components/Checkbox.tsx
diff --git a/components/FormLayout.tsx b/src/components/FormLayout.tsx
similarity index 91%
rename from components/FormLayout.tsx
rename to src/components/FormLayout.tsx
index 4594d9f..be036fd 100644
--- a/components/FormLayout.tsx
+++ b/src/components/FormLayout.tsx
@@ -1,9 +1,9 @@
 import { NextSeo } from "next-seo";
 import Link from "next/link";
 
-import MessageManager from "./MessageManager/MessageManager";
+import MessageManager from "components/MessageManager/MessageManager";
 
-import styles from "../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 interface FormProps {
   title: string;
diff --git a/components/Links/LinkFavicon.tsx b/src/components/Links/LinkFavicon.tsx
similarity index 96%
rename from components/Links/LinkFavicon.tsx
rename to src/components/Links/LinkFavicon.tsx
index d67e3d5..5520b92 100644
--- a/components/Links/LinkFavicon.tsx
+++ b/src/components/Links/LinkFavicon.tsx
@@ -3,7 +3,7 @@ import { useState } from "react";
 import { TbLoader3 } from "react-icons/tb";
 import { TfiWorld } from "react-icons/tfi";
 
-import { faviconLinkBuilder } from "../../utils/link";
+import { faviconLinkBuilder } from "utils/link";
 
 import styles from "./links.module.scss";
 
diff --git a/components/Links/LinkItem.tsx b/src/components/Links/LinkItem.tsx
similarity index 98%
rename from components/Links/LinkItem.tsx
rename to src/components/Links/LinkItem.tsx
index 7eee65a..269dd7d 100644
--- a/components/Links/LinkItem.tsx
+++ b/src/components/Links/LinkItem.tsx
@@ -7,7 +7,7 @@ import {
   AiOutlineStar,
 } from "react-icons/ai";
 
-import { Link } from "../../types";
+import { Link } from "types";
 import LinkFavicon from "./LinkFavicon";
 
 import styles from "./links.module.scss";
diff --git a/components/Links/Links.tsx b/src/components/Links/Links.tsx
similarity index 96%
rename from components/Links/Links.tsx
rename to src/components/Links/Links.tsx
index 96f1017..c0926db 100644
--- a/components/Links/Links.tsx
+++ b/src/components/Links/Links.tsx
@@ -1,6 +1,6 @@
 import LinkTag from "next/link";
 
-import { Category } from "../../types";
+import { Category } from "types";
 import LinkItem from "./LinkItem";
 
 import styles from "./links.module.scss";
diff --git a/src/components/Links/links.module.scss b/src/components/Links/links.module.scss
new file mode 100644
index 0000000..99573d2
--- /dev/null
+++ b/src/components/Links/links.module.scss
@@ -0,0 +1,156 @@
+@import "styles/keyframes.scss";
+@import "styles/colors.scss";
+
+.no-link,
+.no-category {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  animation: fadein 0.3s both;
+}
+
+.links-wrapper {
+  height: 100%;
+  padding: 10px;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow-x: hidden;
+  overflow-y: scroll;
+
+  & h2 {
+    color: $blue;
+    margin-bottom: 15px;
+    font-weight: 500;
+
+    & .links-count {
+      color: $grey;
+      font-weight: 300;
+      font-size: 0.8em;
+    }
+  }
+}
+
+.links {
+  width: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  animation: fadein 0.3s both; // bug on drag start
+}
+
+.link {
+  user-select: none;
+  cursor: pointer;
+  height: fit-content;
+  width: 100%;
+  color: $blue;
+  background-color: $white;
+  padding: 10px 15px;
+  border: 1px solid $lightest-grey;
+  border-radius: 3px;
+  margin-bottom: 10px;
+  outline: 3px solid transparent;
+  display: flex;
+  align-items: center;
+  transition: 0.15s;
+
+  &:hover {
+    border: 1px solid transparent;
+    outline: 3px solid $light-blue;
+
+    & .url-pathname {
+      animation: fadein 0.3s both;
+    }
+
+    & .controls {
+      display: flex;
+      animation: fadein 0.3s both;
+    }
+  }
+}
+
+.link > a {
+  height: 100%;
+  max-width: calc(100% - 125px); // TODO: faut fix ça, c'est pas beau
+  text-decoration: none;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  transition: 0.1s;
+
+  &,
+  &:hover {
+    border: 0;
+  }
+
+  & .link-name {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+  }
+
+  & .link-name .link-category {
+    color: $grey;
+    font-size: 0.9em;
+  }
+
+  & .link-url {
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    color: $grey;
+    font-size: 0.8em;
+
+    & .url-pathname {
+      opacity: 0;
+    }
+  }
+}
+
+.link .controls {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+  & > * {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: 0.1s;
+
+    &:hover {
+      transform: scale(1.3);
+    }
+
+    & svg {
+      height: 20px;
+      width: 20px;
+    }
+  }
+}
+
+.favicon {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.favicon-loader {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: $white;
+
+  & > * {
+    animation: rotate 1s both reverse infinite linear;
+  }
+}
diff --git a/components/MessageManager/MessageManager.tsx b/src/components/MessageManager/MessageManager.tsx
similarity index 100%
rename from components/MessageManager/MessageManager.tsx
rename to src/components/MessageManager/MessageManager.tsx
diff --git a/src/components/MessageManager/message-manager.module.scss b/src/components/MessageManager/message-manager.module.scss
new file mode 100644
index 0000000..b7ee066
--- /dev/null
+++ b/src/components/MessageManager/message-manager.module.scss
@@ -0,0 +1,40 @@
+@import "styles/colors.scss";
+
+.info-msg {
+  height: fit-content;
+  width: 100%;
+  text-align: center;
+  font-style: italic;
+  font-size: 0.9em;
+  color: $dark-blue;
+  background-color: $lightest-blue;
+  padding: 10px;
+  border-radius: 3px;
+  animation: fadein 250ms both;
+}
+
+.error-msg {
+  height: fit-content;
+  width: 100%;
+  text-align: center;
+  font-style: italic;
+  font-size: 0.9em;
+  color: $red;
+  background-color: $light-red;
+  padding: 10px;
+  border-radius: 3px;
+  animation: fadein 250ms both;
+}
+
+.success-msg {
+  height: fit-content;
+  width: 100%;
+  text-align: center;
+  font-style: italic;
+  font-size: 0.9em;
+  color: $green;
+  background-color: $light-green;
+  padding: 10px;
+  border-radius: 3px;
+  animation: fadein 250ms both;
+}
diff --git a/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
similarity index 100%
rename from components/Modal/Modal.tsx
rename to src/components/Modal/Modal.tsx
diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss
new file mode 100644
index 0000000..e923511
--- /dev/null
+++ b/src/components/Modal/modal.module.scss
@@ -0,0 +1,54 @@
+@import "styles/colors.scss";
+@import "styles/keyframes.scss";
+
+.modal-wrapper {
+  z-index: 9999;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: rgba($black, 0.5);
+  backdrop-filter: blur(0.25em);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  animation: opacityin 0.3s both;
+}
+
+.modal-container {
+  background: $light-grey;
+  min-width: 500px;
+  padding: 1em 1.5em;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  animation: fadeintop 0.3s both;
+}
+
+.modal-header {
+  width: 100%;
+  margin-bottom: 1.5em;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  & button.btn-close {
+    color: $blue;
+    background-color: transparent;
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+}
+
+.modal-body {
+  width: 100%;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  flex-direction: column;
+}
diff --git a/components/SearchModal/SearchModal.tsx b/src/components/SearchModal/SearchModal.tsx
similarity index 94%
rename from components/SearchModal/SearchModal.tsx
rename to src/components/SearchModal/SearchModal.tsx
index 3d601d2..558dd8f 100644
--- a/components/SearchModal/SearchModal.tsx
+++ b/src/components/SearchModal/SearchModal.tsx
@@ -2,13 +2,13 @@ import LinkTag from "next/link";
 import { ReactNode, useCallback, useMemo, useState } from "react";
 import { FcGoogle } from "react-icons/fc";
 
-import useAutoFocus from "../../hooks/useAutoFocus";
+import useAutoFocus from "hooks/useAutoFocus";
 
-import LinkFavicon from "../Links/LinkFavicon";
-import Modal from "../Modal/Modal";
-import TextBox from "../TextBox";
+import LinkFavicon from "components/Links/LinkFavicon";
+import Modal from "components/Modal/Modal";
+import TextBox from "components/TextBox";
 
-import { Category, ItemComplete, Link } from "../../types";
+import { Category, ItemComplete, Link } from "types";
 
 import styles from "./search.module.scss";
 
diff --git a/components/SearchModal/search.module.scss b/src/components/SearchModal/search.module.scss
similarity index 100%
rename from components/SearchModal/search.module.scss
rename to src/components/SearchModal/search.module.scss
diff --git a/src/components/Selector.tsx b/src/components/Selector.tsx
new file mode 100644
index 0000000..7793bac
--- /dev/null
+++ b/src/components/Selector.tsx
@@ -0,0 +1,70 @@
+import { MutableRefObject, useEffect, useState } from "react";
+import Select, { OptionsOrGroups, GroupBase } from "react-select";
+
+type Option = { label: string | number; value: string | number };
+
+interface SelectorProps {
+  name: string;
+  label?: string;
+  labelComponent?: JSX.Element;
+  innerRef?: MutableRefObject<any>;
+  fieldClass?: string;
+
+  options: OptionsOrGroups<Option, GroupBase<Option>>;
+  value?: number | string;
+  onChangeCallback?: (value: number | string) => void;
+
+  disabled?: boolean;
+}
+
+export default function Selector({
+  name,
+  label,
+  labelComponent,
+  innerRef = null,
+  fieldClass = "",
+  value,
+  options = [],
+  onChangeCallback,
+  disabled = false,
+}: SelectorProps): JSX.Element {
+  const [selectorValue, setSelectorValue] = useState<Option>();
+
+  useEffect(() => {
+    if (options.length === 0) return;
+
+    const option = options.find((o: Option) => o.value === value) as Option;
+    if (option) {
+      setSelectorValue(option);
+    }
+  }, [options, value]);
+
+  function handleChange(selectedOption: Option) {
+    setSelectorValue(selectedOption);
+    if (onChangeCallback) {
+      onChangeCallback(selectedOption.value);
+    }
+  }
+
+  return (
+    <div className={`input-field ${fieldClass}`}>
+      {label && (
+        <label htmlFor={name} title={`${name} field`}>
+          {label}
+        </label>
+      )}
+      {labelComponent && (
+        <label htmlFor={name} title={`${name} field`}>
+          {labelComponent}
+        </label>
+      )}
+      <Select
+        value={selectorValue}
+        onChange={handleChange}
+        options={options}
+        ref={innerRef}
+        isDisabled={disabled}
+      />
+    </div>
+  );
+}
diff --git a/components/SideMenu/Categories/Categories.tsx b/src/components/SideMenu/Categories/Categories.tsx
similarity index 94%
rename from components/SideMenu/Categories/Categories.tsx
rename to src/components/SideMenu/Categories/Categories.tsx
index f499684..dab532c 100644
--- a/components/SideMenu/Categories/Categories.tsx
+++ b/src/components/SideMenu/Categories/Categories.tsx
@@ -1,4 +1,4 @@
-import { Category } from "../../../types";
+import { Category } from "types";
 import CategoryItem from "./CategoryItem";
 
 import styles from "./categories.module.scss";
diff --git a/components/SideMenu/Categories/CategoryItem.tsx b/src/components/SideMenu/Categories/CategoryItem.tsx
similarity index 97%
rename from components/SideMenu/Categories/CategoryItem.tsx
rename to src/components/SideMenu/Categories/CategoryItem.tsx
index bd9dac8..07956f7 100644
--- a/components/SideMenu/Categories/CategoryItem.tsx
+++ b/src/components/SideMenu/Categories/CategoryItem.tsx
@@ -1,9 +1,9 @@
 import LinkTag from "next/link";
+import { useEffect, useRef } from "react";
 import { AiFillDelete, AiFillEdit } from "react-icons/ai";
 
-import { Category } from "../../../types";
+import { Category } from "types";
 
-import { useEffect, useRef } from "react";
 import styles from "./categories.module.scss";
 
 interface CategoryItemProps {
diff --git a/src/components/SideMenu/Categories/categories.module.scss b/src/components/SideMenu/Categories/categories.module.scss
new file mode 100644
index 0000000..9dca78c
--- /dev/null
+++ b/src/components/SideMenu/Categories/categories.module.scss
@@ -0,0 +1,93 @@
+@import "styles/keyframes.scss";
+@import "styles/colors.scss";
+
+.categories {
+  height: 100%;
+  width: 100%;
+  min-height: 0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+
+.items {
+  padding-right: 5px;
+  overflow-y: scroll;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  &.active {
+    color: $white;
+    background: $blue;
+    border-color: $blue;
+  }
+
+  &:hover:not(.active) {
+    color: $blue;
+    background: $white;
+    border-bottom: 2px solid $blue;
+  }
+
+  &.active .menu-item .option-edit svg {
+    fill: $white;
+  }
+
+  & .content {
+    width: 100%;
+    display: flex;
+    flex: 1;
+    align-items: center;
+
+    & .name {
+      margin-right: 5px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
+    & .links-count {
+      min-width: fit-content;
+      font-size: 0.85em;
+      color: $grey;
+    }
+  }
+  &:hover .content {
+    width: calc(100% - 42px);
+  }
+
+  & .menu-item {
+    height: 100%;
+    min-width: fit-content;
+    margin-left: 5px;
+    display: none;
+    gap: 2px;
+    align-items: center;
+    justify-content: center;
+    animation: fadein 0.3s both;
+
+    & > a {
+      border: 0;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &:hover {
+        transform: scale(1.25);
+      }
+
+      & svg {
+        height: 20px;
+        width: 20px;
+      }
+    }
+  }
+  &:hover .menu-item {
+    display: flex;
+  }
+}
diff --git a/components/SideMenu/Favorites/FavoriteItem.tsx b/src/components/SideMenu/Favorites/FavoriteItem.tsx
similarity index 84%
rename from components/SideMenu/Favorites/FavoriteItem.tsx
rename to src/components/SideMenu/Favorites/FavoriteItem.tsx
index 777ae03..4d154b1 100644
--- a/components/SideMenu/Favorites/FavoriteItem.tsx
+++ b/src/components/SideMenu/Favorites/FavoriteItem.tsx
@@ -1,7 +1,7 @@
 import LinkTag from "next/link";
 
-import { Link } from "../../../types";
-import LinkFavicon from "../../Links/LinkFavicon";
+import LinkFavicon from "components/Links/LinkFavicon";
+import { Link } from "types";
 
 import styles from "./favorites.module.scss";
 
diff --git a/components/SideMenu/Favorites/Favorites.tsx b/src/components/SideMenu/Favorites/Favorites.tsx
similarity index 92%
rename from components/SideMenu/Favorites/Favorites.tsx
rename to src/components/SideMenu/Favorites/Favorites.tsx
index ca33988..eb92581 100644
--- a/components/SideMenu/Favorites/Favorites.tsx
+++ b/src/components/SideMenu/Favorites/Favorites.tsx
@@ -1,4 +1,4 @@
-import { Link } from "../../../types";
+import { Link } from "types";
 import FavoriteItem from "./FavoriteItem";
 
 import styles from "./favorites.module.scss";
diff --git a/src/components/SideMenu/Favorites/favorites.module.scss b/src/components/SideMenu/Favorites/favorites.module.scss
new file mode 100644
index 0000000..29a1704
--- /dev/null
+++ b/src/components/SideMenu/Favorites/favorites.module.scss
@@ -0,0 +1,57 @@
+@import "styles/colors.scss";
+
+.favorites {
+  height: auto;
+  width: 100%;
+  margin-bottom: 15px;
+
+  & h4 {
+    user-select: none;
+    text-transform: uppercase;
+    font-size: 0.85em;
+    font-weight: 500;
+    color: $grey;
+    margin-bottom: 5px;
+  }
+}
+
+.favorites ul.items li.item {
+  width: 100%;
+  background-color: $white;
+  padding: 0;
+  border: 1px solid $lightest-grey;
+  border-bottom: 2px solid $lightest-grey;
+  border-radius: 3px;
+  transition: 0.15s;
+
+  & a {
+    width: 100%;
+    color: inherit;
+    padding: 0.65em 1.15em;
+    border: 0 !important;
+    display: flex;
+    align-items: center;
+    gap: 0.25em;
+  }
+
+  & .category {
+    color: $grey;
+    font-size: 0.85em;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: 5px;
+  }
+
+  &.active {
+    color: $white;
+    background: $blue;
+    border-color: $blue;
+  }
+
+  &:hover:not(.active) {
+    color: $blue;
+    background: $light-grey;
+    border-bottom: 2px solid $blue;
+  }
+}
diff --git a/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
similarity index 94%
rename from components/SideMenu/SideMenu.tsx
rename to src/components/SideMenu/SideMenu.tsx
index 5067b9e..391ba28 100644
--- a/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -1,11 +1,11 @@
 import LinkTag from "next/link";
 
-import BlockWrapper from "../BlockWrapper/BlockWrapper";
+import BlockWrapper from "components/BlockWrapper/BlockWrapper";
 import Categories from "./Categories/Categories";
 import Favorites from "./Favorites/Favorites";
 import UserCard from "./UserCard/UserCard";
 
-import { Category, Link } from "../../types";
+import { Category, Link } from "types";
 
 import styles from "./sidemenu.module.scss";
 
diff --git a/components/SideMenu/UserCard/UserCard.tsx b/src/components/SideMenu/UserCard/UserCard.tsx
similarity index 100%
rename from components/SideMenu/UserCard/UserCard.tsx
rename to src/components/SideMenu/UserCard/UserCard.tsx
diff --git a/src/components/SideMenu/UserCard/user-card.module.scss b/src/components/SideMenu/UserCard/user-card.module.scss
new file mode 100644
index 0000000..662f532
--- /dev/null
+++ b/src/components/SideMenu/UserCard/user-card.module.scss
@@ -0,0 +1,35 @@
+@import "styles/colors.scss";
+
+.user-card-wrapper {
+  user-select: none;
+  height: fit-content;
+  width: 100%;
+  color: $black;
+  background-color: $white;
+  border: 1px solid $lightest-grey;
+  padding: 7px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  & .user-card {
+    display: flex;
+    gap: 0.5em;
+    align-items: center;
+
+    & img {
+      border-radius: 50%;
+    }
+  }
+
+  & button {
+    cursor: pointer;
+    color: $blue;
+    display: flex;
+    transition: 0.15s;
+
+    &:hover {
+      transform: scale(1.3);
+    }
+  }
+}
diff --git a/src/components/SideMenu/sidemenu.module.scss b/src/components/SideMenu/sidemenu.module.scss
new file mode 100644
index 0000000..25dd0d5
--- /dev/null
+++ b/src/components/SideMenu/sidemenu.module.scss
@@ -0,0 +1,27 @@
+@import "styles/colors.scss";
+
+.side-menu {
+  height: 100%;
+  width: 325px;
+  padding: 0 25px 0 10px;
+  border-right: 1px solid $lightest-grey;
+  margin-right: 15px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.menu-controls {
+  margin: 10px 0;
+  display: flex;
+  gap: 0.25em;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  & .action {
+    display: flex;
+    gap: 0.5em;
+  }
+}
diff --git a/components/TextBox.tsx b/src/components/TextBox.tsx
similarity index 100%
rename from components/TextBox.tsx
rename to src/components/TextBox.tsx
diff --git a/hooks/useAutoFocus.tsx b/src/hooks/useAutoFocus.tsx
similarity index 100%
rename from hooks/useAutoFocus.tsx
rename to src/hooks/useAutoFocus.tsx
diff --git a/hooks/useModal.tsx b/src/hooks/useModal.tsx
similarity index 100%
rename from hooks/useModal.tsx
rename to src/hooks/useModal.tsx
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..7a8aafd
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,15 @@
+import { NextSeo } from "next-seo";
+
+import styles from "styles/error-page.module.scss";
+
+export default function Custom404() {
+  return (
+    <>
+      <NextSeo title="Page introuvable" />
+      <div className={styles["App"]}>
+        <h1>404</h1>
+        <h2>Cette page est introuvable.</h2>
+      </div>
+    </>
+  );
+}
diff --git a/src/pages/500.tsx b/src/pages/500.tsx
new file mode 100644
index 0000000..7db1237
--- /dev/null
+++ b/src/pages/500.tsx
@@ -0,0 +1,15 @@
+import { NextSeo } from "next-seo";
+
+import styles from "styles/error-page.module.scss";
+
+export default function Custom500() {
+  return (
+    <>
+      <NextSeo title="Une erreur est survenue" />
+      <div className={styles["App"]}>
+        <h1>500</h1>
+        <h2>Une erreur côté serveur est survenue.</h2>
+      </div>
+    </>
+  );
+}
diff --git a/pages/_app.tsx b/src/pages/_app.tsx
similarity index 92%
rename from pages/_app.tsx
rename to src/pages/_app.tsx
index 99970c7..cc71b3c 100644
--- a/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -4,10 +4,10 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useEffect } from "react";
 
-import AuthRequired from "../components/AuthRequired";
+import AuthRequired from "components/AuthRequired";
 
 import "nprogress/nprogress.css";
-import "../styles/globals.scss";
+import "styles/globals.scss";
 
 function MyApp({ Component, pageProps: { session, ...pageProps } }) {
   const router = useRouter();
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
new file mode 100644
index 0000000..a716451
--- /dev/null
+++ b/src/pages/_document.tsx
@@ -0,0 +1,21 @@
+import { Head, Html, Main, NextScript } from "next/document";
+
+const Document = () => (
+  <Html lang="fr">
+    <Head>
+      <meta name="theme-color" content="#f0eef6" />
+      <link
+        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+        rel="stylesheet"
+      />
+      <meta charSet="UTF-8" />
+    </Head>
+    <body>
+      <noscript>Vous devez activer JavaScript pour utiliser ce site</noscript>
+      <Main />
+      <NextScript />
+    </body>
+  </Html>
+);
+
+export default Document;
diff --git a/src/pages/api/auth/[...nextauth].ts b/src/pages/api/auth/[...nextauth].ts
new file mode 100644
index 0000000..e76194b
--- /dev/null
+++ b/src/pages/api/auth/[...nextauth].ts
@@ -0,0 +1,97 @@
+import { PrismaClient } from "@prisma/client";
+import NextAuth from "next-auth";
+import GoogleProvider from "next-auth/providers/google";
+
+const prisma = new PrismaClient();
+
+export default NextAuth({
+  providers: [
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID,
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
+      authorization: {
+        params: {
+          prompt: "consent",
+          access_type: "offline",
+          response_type: "code",
+        },
+      },
+    }),
+  ],
+  callbacks: {
+    async signIn({ account: accountParam, profile }) {
+      // TODO: Auth
+      console.log(
+        "Connexion via",
+        accountParam.provider,
+        accountParam.providerAccountId,
+        profile.email,
+        profile.name
+      );
+      if (accountParam.provider !== "google") {
+        return (
+          "/signin?error=" + encodeURI("Authentitifcation via Google requise")
+        );
+      }
+      const email = profile?.email;
+      if (email === "") {
+        return (
+          "/signin?error=" +
+          encodeURI(
+            "Impossible de récupérer l'email associé à ce compte Google"
+          )
+        );
+      }
+      const googleId = profile?.sub;
+      if (googleId === "") {
+        return (
+          "/signin?error=" +
+          encodeURI(
+            "Impossible de récupérer l'identifiant associé à ce compte Google"
+          )
+        );
+      }
+      try {
+        const account = await prisma.user.findFirst({
+          where: {
+            google_id: googleId,
+            email,
+          },
+        });
+        const accountCount = await prisma.user.count();
+        if (!account) {
+          if (accountCount === 0) {
+            await prisma.user.create({
+              data: {
+                email,
+                google_id: googleId,
+              },
+            });
+            return true;
+          }
+          return (
+            "/signin?error=" +
+            encodeURI(
+              "Vous n'êtes pas autorisé à vous connecter avec ce compte Google"
+            )
+          );
+        } else {
+          return true;
+        }
+      } catch (error) {
+        console.error(error);
+        return (
+          "/signin?error=" +
+          encodeURI("Une erreur est survenue lors de l'authentification")
+        );
+      }
+    },
+  },
+  pages: {
+    signIn: "/signin",
+    error: "/signin",
+  },
+  session: {
+    maxAge: 60 * 60 * 6, // Session de 6 heures
+  },
+});
diff --git a/pages/api/category/create.ts b/src/pages/api/category/create.ts
similarity index 96%
rename from pages/api/category/create.ts
rename to src/pages/api/category/create.ts
index 035fdd5..18b480b 100644
--- a/pages/api/category/create.ts
+++ b/src/pages/api/category/create.ts
@@ -1,5 +1,5 @@
 import { NextApiRequest, NextApiResponse } from "next";
-import { prisma } from "../../../utils/back";
+import { prisma } from "utils/back";
 
 export default async function handler(
   req: NextApiRequest,
diff --git a/pages/api/category/edit/[cid].ts b/src/pages/api/category/edit/[cid].ts
similarity index 96%
rename from pages/api/category/edit/[cid].ts
rename to src/pages/api/category/edit/[cid].ts
index 50cb4f0..33faf04 100644
--- a/pages/api/category/edit/[cid].ts
+++ b/src/pages/api/category/edit/[cid].ts
@@ -1,5 +1,5 @@
 import { NextApiRequest, NextApiResponse } from "next";
-import { prisma } from "../../../../utils/back";
+import { prisma } from "utils/back";
 
 export default async function handler(
   req: NextApiRequest,
diff --git a/src/pages/api/category/remove/[cid].ts b/src/pages/api/category/remove/[cid].ts
new file mode 100644
index 0000000..0959a41
--- /dev/null
+++ b/src/pages/api/category/remove/[cid].ts
@@ -0,0 +1,41 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { prisma } from "utils/back";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  const { cid } = req.query;
+
+  try {
+    const category = await prisma.category.findFirst({
+      where: { id: Number(cid) },
+    });
+
+    if (!category) {
+      return res.status(400).send({ error: "Categorie introuvable" });
+    }
+  } catch (error) {
+    console.error(error);
+    return res.status(400).send({
+      error:
+        "Une erreur est survenue lors de la suppression de la catégorie (category/remove->findCategory)",
+    });
+  }
+
+  try {
+    await prisma.category.delete({
+      where: { id: Number(cid) },
+    });
+
+    return res
+      .status(200)
+      .send({ success: "La catégorie a été supprimée avec succès" });
+  } catch (error) {
+    console.error(error);
+    return res.status(400).send({
+      error:
+        "Une erreur est survenue lors de la suppression de la catégorie (category/remove->deleteCategory)",
+    });
+  }
+}
diff --git a/src/pages/api/favicon.ts b/src/pages/api/favicon.ts
new file mode 100644
index 0000000..b187fa1
--- /dev/null
+++ b/src/pages/api/favicon.ts
@@ -0,0 +1,163 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { parse } from "node-html-parser";
+
+const USER_AGENT =
+  "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 Edg/108.0.1462.54";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  const urlRequest = (req.query?.url as string) || "";
+  if (!urlRequest) {
+    throw new Error("URL's missing");
+  }
+
+  try {
+    const { favicon, type, size } = await downloadImageFromUrl(
+      urlRequest + "/favicon.ico"
+    );
+    if (size === 0) {
+      throw new Error("Empty favicon");
+    }
+    if (!isImage(type)) {
+      throw new Error("Favicon path does not return an image");
+    }
+    return sendImage({
+      content: favicon,
+      res,
+      type,
+      size,
+    });
+  } catch (error) {
+    console.error(error);
+  }
+
+  try {
+    const requestDocument = await makeRequest(urlRequest);
+    const text = await requestDocument.text();
+
+    const faviconPath = findFaviconPath(text);
+    if (!faviconPath) {
+      throw new Error("[Favicon] Unable to find favicon path");
+    }
+
+    if (isBase64Image(faviconPath)) {
+      console.log("[Favicon] base64, convert it to buffer");
+      const buffer = convertBase64ToBuffer(faviconPath);
+      return sendImage({
+        content: buffer,
+        res,
+        type: "image/x-icon",
+        size: buffer.length,
+      });
+    }
+
+    const pathWithoutFile = popLastSegment(requestDocument.url);
+    const finalUrl = buildFaviconUrl(faviconPath, pathWithoutFile);
+
+    const { favicon, type, size } = await downloadImageFromUrl(finalUrl);
+    if (!isImage(type)) {
+      throw new Error("Favicon path does not return an image");
+    }
+
+    return sendImage({
+      content: favicon,
+      res,
+      type,
+      size,
+    });
+  } catch (error) {
+    console.error(error);
+    res.status(404).send({ error: "Unable to retrieve favicon" });
+  }
+}
+
+async function makeRequest(url: string) {
+  const headers = new Headers();
+  headers.set("User-Agent", USER_AGENT);
+
+  const request = await fetch(url, { headers });
+  return request;
+}
+
+async function downloadImageFromUrl(url: string): Promise<{
+  favicon: Buffer;
+  url: string;
+  type: string;
+  size: number;
+}> {
+  const request = await makeRequest(url);
+  const blob = await request.blob();
+
+  return {
+    favicon: Buffer.from(await blob.arrayBuffer()),
+    url: request.url,
+    type: blob.type,
+    size: blob.size,
+  };
+}
+
+function sendImage({
+  content,
+  res,
+  type,
+  size,
+}: {
+  content: Buffer;
+  res: NextApiResponse;
+  type: string;
+  size: number;
+}) {
+  res.setHeader("Content-Type", type);
+  res.setHeader("Content-Length", size);
+  res.send(content);
+}
+
+function findFaviconPath(text) {
+  const document = parse(text);
+  const links = document.querySelectorAll(
+    'link[rel="icon"], link[rel="shortcut icon"]'
+  );
+  const link = links.find(
+    (link) => !link.getAttribute("href").startsWith("data:image/")
+  );
+  if (!link) {
+    return console.warn("nothing, exit");
+  }
+
+  return link.getAttribute("href") || "";
+}
+
+function popLastSegment(url = "") {
+  const { href } = new URL(url);
+  const pathWithoutFile = href.split("/");
+  pathWithoutFile.pop();
+  return pathWithoutFile.join("/") || "";
+}
+
+function buildFaviconUrl(faviconPath, pathWithoutFile) {
+  if (faviconPath.startsWith("http")) {
+    console.log("startsWith http, result", faviconPath);
+    return faviconPath;
+  } else if (faviconPath.startsWith("/")) {
+    console.log("startsWith /, result", pathWithoutFile + faviconPath);
+    return pathWithoutFile + faviconPath;
+  } else {
+    console.log("else, result", pathWithoutFile + "/" + faviconPath);
+    return pathWithoutFile + "/" + faviconPath;
+  }
+}
+
+function isImage(type: string) {
+  return type.includes("image");
+}
+
+function isBase64Image(data) {
+  return data.startsWith("data:image/");
+}
+
+function convertBase64ToBuffer(base64 = ""): Buffer {
+  const buffer = Buffer.from(base64, "base64");
+  return buffer;
+}
diff --git a/pages/api/link/create.ts b/src/pages/api/link/create.ts
similarity index 97%
rename from pages/api/link/create.ts
rename to src/pages/api/link/create.ts
index 73cfee9..560464c 100644
--- a/pages/api/link/create.ts
+++ b/src/pages/api/link/create.ts
@@ -1,5 +1,5 @@
 import { NextApiRequest, NextApiResponse } from "next";
-import { prisma } from "../../../utils/back";
+import { prisma } from "utils/back";
 
 export default async function handler(
   req: NextApiRequest,
diff --git a/pages/api/link/edit/[lid].ts b/src/pages/api/link/edit/[lid].ts
similarity index 96%
rename from pages/api/link/edit/[lid].ts
rename to src/pages/api/link/edit/[lid].ts
index 4b7f1a3..b2fef7e 100644
--- a/pages/api/link/edit/[lid].ts
+++ b/src/pages/api/link/edit/[lid].ts
@@ -1,5 +1,5 @@
 import { NextApiRequest, NextApiResponse } from "next";
-import { prisma } from "../../../../utils/back";
+import { prisma } from "utils/back";
 
 // TODO: Ajouter vérification -> l'utilisateur doit changer au moins un champ
 export default async function handler(
diff --git a/pages/api/link/remove/[lid].ts b/src/pages/api/link/remove/[lid].ts
similarity index 95%
rename from pages/api/link/remove/[lid].ts
rename to src/pages/api/link/remove/[lid].ts
index ffad42d..48759ad 100644
--- a/pages/api/link/remove/[lid].ts
+++ b/src/pages/api/link/remove/[lid].ts
@@ -1,5 +1,5 @@
 import { NextApiRequest, NextApiResponse } from "next";
-import { prisma } from "../../../../utils/back";
+import { prisma } from "utils/back";
 
 export default async function handler(
   req: NextApiRequest,
diff --git a/pages/category/create.tsx b/src/pages/category/create.tsx
similarity index 83%
rename from pages/category/create.tsx
rename to src/pages/category/create.tsx
index ba41fb6..d354c08 100644
--- a/pages/category/create.tsx
+++ b/src/pages/category/create.tsx
@@ -3,15 +3,15 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import useAutoFocus from "../../hooks/useAutoFocus";
+import useAutoFocus from "hooks/useAutoFocus";
 
-import FormLayout from "../../components/FormLayout";
-import TextBox from "../../components/TextBox";
+import FormLayout from "components/FormLayout";
+import TextBox from "components/TextBox";
 
-import { redirectWithoutClientCache } from "../../utils/client";
-import { HandleAxiosError } from "../../utils/front";
+import { redirectWithoutClientCache } from "utils/client";
+import { HandleAxiosError } from "utils/front";
 
-import styles from "../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function CreateCategory() {
   const autoFocusRef = useAutoFocus();
diff --git a/pages/category/edit/[cid].tsx b/src/pages/category/edit/[cid].tsx
similarity index 84%
rename from pages/category/edit/[cid].tsx
rename to src/pages/category/edit/[cid].tsx
index c968405..d27b841 100644
--- a/pages/category/edit/[cid].tsx
+++ b/src/pages/category/edit/[cid].tsx
@@ -3,16 +3,16 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import FormLayout from "../../../components/FormLayout";
-import TextBox from "../../../components/TextBox";
+import FormLayout from "components/FormLayout";
+import TextBox from "components/TextBox";
 
-import useAutoFocus from "../../../hooks/useAutoFocus";
+import useAutoFocus from "hooks/useAutoFocus";
 
-import { Category } from "../../../types";
-import { prisma } from "../../../utils/back";
-import { BuildCategory, HandleAxiosError } from "../../../utils/front";
+import { Category } from "types";
+import { prisma } from "utils/back";
+import { BuildCategory, HandleAxiosError } from "utils/front";
 
-import styles from "../../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function EditCategory({ category }: { category: Category }) {
   const autoFocusRef = useAutoFocus();
diff --git a/pages/category/remove/[cid].tsx b/src/pages/category/remove/[cid].tsx
similarity index 86%
rename from pages/category/remove/[cid].tsx
rename to src/pages/category/remove/[cid].tsx
index ae28cc1..86c6e1e 100644
--- a/pages/category/remove/[cid].tsx
+++ b/src/pages/category/remove/[cid].tsx
@@ -3,15 +3,15 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import Checkbox from "../../../components/Checkbox";
-import FormLayout from "../../../components/FormLayout";
-import TextBox from "../../../components/TextBox";
+import Checkbox from "components/Checkbox";
+import FormLayout from "components/FormLayout";
+import TextBox from "components/TextBox";
 
-import { Category } from "../../../types";
-import { prisma } from "../../../utils/back";
-import { BuildCategory, HandleAxiosError } from "../../../utils/front";
+import { Category } from "types";
+import { prisma } from "utils/back";
+import { BuildCategory, HandleAxiosError } from "utils/front";
 
-import styles from "../../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function RemoveCategory({ category }: { category: Category }) {
   const router = useRouter();
diff --git a/pages/index.tsx b/src/pages/index.tsx
similarity index 91%
rename from pages/index.tsx
rename to src/pages/index.tsx
index 0630b38..d3a8724 100644
--- a/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,15 +2,15 @@ import { useRouter } from "next/router";
 import { useCallback, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 
-import useModal from "../hooks/useModal";
+import useModal from "hooks/useModal";
 
-import Links from "../components/Links/Links";
-import SearchModal from "../components/SearchModal/SearchModal";
-import SideMenu from "../components/SideMenu/SideMenu";
+import Links from "components/Links/Links";
+import SearchModal from "components/SearchModal/SearchModal";
+import SideMenu from "components/SideMenu/SideMenu";
 
-import { Category, ItemComplete, Link } from "../types";
-import { prisma } from "../utils/back";
-import { BuildCategory } from "../utils/front";
+import { Category, ItemComplete, Link } from "types";
+import { prisma } from "utils/back";
+import { BuildCategory } from "utils/front";
 
 const OPEN_SEARCH_KEY = "s";
 const CLOSE_SEARCH_KEY = "escape";
diff --git a/pages/link/create.tsx b/src/pages/link/create.tsx
similarity index 86%
rename from pages/link/create.tsx
rename to src/pages/link/create.tsx
index d461bf5..7e518d0 100644
--- a/pages/link/create.tsx
+++ b/src/pages/link/create.tsx
@@ -3,18 +3,18 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import Checkbox from "../../components/Checkbox";
-import FormLayout from "../../components/FormLayout";
-import Selector from "../../components/Selector";
-import TextBox from "../../components/TextBox";
+import Checkbox from "components/Checkbox";
+import FormLayout from "components/FormLayout";
+import Selector from "components/Selector";
+import TextBox from "components/TextBox";
 
-import useAutoFocus from "../../hooks/useAutoFocus";
+import useAutoFocus from "hooks/useAutoFocus";
 
-import { Category, Link } from "../../types";
-import { prisma } from "../../utils/back";
-import { BuildCategory, HandleAxiosError, IsValidURL } from "../../utils/front";
+import { Category, Link } from "types";
+import { prisma } from "utils/back";
+import { BuildCategory, HandleAxiosError, IsValidURL } from "utils/front";
 
-import styles from "../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function CreateLink({ categories }: { categories: Category[] }) {
   const autoFocusRef = useAutoFocus();
diff --git a/pages/link/edit/[lid].tsx b/src/pages/link/edit/[lid].tsx
similarity index 89%
rename from pages/link/edit/[lid].tsx
rename to src/pages/link/edit/[lid].tsx
index 057d2f8..70ff410 100644
--- a/pages/link/edit/[lid].tsx
+++ b/src/pages/link/edit/[lid].tsx
@@ -3,23 +3,23 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import Checkbox from "../../../components/Checkbox";
-import FormLayout from "../../../components/FormLayout";
-import Selector from "../../../components/Selector";
-import TextBox from "../../../components/TextBox";
+import Checkbox from "components/Checkbox";
+import FormLayout from "components/FormLayout";
+import Selector from "components/Selector";
+import TextBox from "components/TextBox";
 
-import useAutoFocus from "../../../hooks/useAutoFocus";
+import useAutoFocus from "hooks/useAutoFocus";
 
-import { Category, Link } from "../../../types";
-import { prisma } from "../../../utils/back";
+import { Category, Link } from "types";
+import { prisma } from "utils/back";
 import {
   BuildCategory,
   BuildLink,
   HandleAxiosError,
   IsValidURL,
-} from "../../../utils/front";
+} from "utils/front";
 
-import styles from "../../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function EditLink({
   link,
diff --git a/pages/link/remove/[lid].tsx b/src/pages/link/remove/[lid].tsx
similarity index 87%
rename from pages/link/remove/[lid].tsx
rename to src/pages/link/remove/[lid].tsx
index 53b267e..89a8d66 100644
--- a/pages/link/remove/[lid].tsx
+++ b/src/pages/link/remove/[lid].tsx
@@ -3,15 +3,15 @@ import { useRouter } from "next/router";
 import nProgress from "nprogress";
 import { useMemo, useState } from "react";
 
-import Checkbox from "../../../components/Checkbox";
-import FormLayout from "../../../components/FormLayout";
-import TextBox from "../../../components/TextBox";
+import Checkbox from "components/Checkbox";
+import FormLayout from "components/FormLayout";
+import TextBox from "components/TextBox";
 
-import { Link } from "../../../types";
-import { prisma } from "../../../utils/back";
-import { BuildLink, HandleAxiosError } from "../../../utils/front";
+import { Link } from "types";
+import { prisma } from "utils/back";
+import { BuildLink, HandleAxiosError } from "utils/front";
 
-import styles from "../../../styles/create.module.scss";
+import styles from "styles/create.module.scss";
 
 function RemoveLink({ link }: { link: Link }) {
   const router = useRouter();
diff --git a/pages/signin.tsx b/src/pages/signin.tsx
similarity index 92%
rename from pages/signin.tsx
rename to src/pages/signin.tsx
index 3b29147..8635cba 100644
--- a/pages/signin.tsx
+++ b/src/pages/signin.tsx
@@ -4,9 +4,9 @@ import { NextSeo } from "next-seo";
 import Link from "next/link";
 import { useRouter } from "next/router";
 
-import MessageManager from "../components/MessageManager/MessageManager";
+import MessageManager from "components/MessageManager/MessageManager";
 
-import styles from "../styles/login.module.scss";
+import styles from "styles/login.module.scss";
 
 export default function SignIn({ providers }: { providers: Provider[] }) {
   const { data: session, status } = useSession();
diff --git a/styles/colors.scss b/src/styles/colors.scss
similarity index 100%
rename from styles/colors.scss
rename to src/styles/colors.scss
diff --git a/src/styles/create.module.scss b/src/styles/create.module.scss
new file mode 100644
index 0000000..3866683
--- /dev/null
+++ b/src/styles/create.module.scss
@@ -0,0 +1,34 @@
+@import "keyframes.scss";
+@import "colors.scss";
+
+.create-app {
+  height: fit-content;
+  width: 680px;
+  margin-top: 150px;
+  flex-direction: column;
+  gap: 15px;
+
+  & h2 {
+    color: $blue;
+  }
+
+  & form {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    gap: 5px;
+    flex-direction: column;
+  }
+
+  & .input-field {
+    display: flex;
+    gap: 5px;
+    flex-direction: column;
+  }
+}
+
+@media (max-width: 680px) {
+  .create-app {
+    width: 100%;
+  }
+}
diff --git a/src/styles/error-page.module.scss b/src/styles/error-page.module.scss
new file mode 100644
index 0000000..ac75196
--- /dev/null
+++ b/src/styles/error-page.module.scss
@@ -0,0 +1,28 @@
+@import "keyframes.scss";
+
+.App {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: fadein 250ms both;
+
+  & h1 {
+    display: inline-block;
+    border-right: 1px solid rgba(0, 0, 0, 0.3);
+    margin: 0;
+    margin-right: 20px;
+    padding: 10px 23px 10px 0;
+    font-size: 24px;
+    font-weight: 500;
+    vertical-align: top;
+  }
+
+  & h2 {
+    font-size: 14px;
+    font-weight: normal;
+    line-height: inherit;
+    margin: 0;
+    padding: 0;
+  }
+}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
new file mode 100644
index 0000000..269ab21
--- /dev/null
+++ b/src/styles/globals.scss
@@ -0,0 +1,201 @@
+@import "keyframes.scss";
+@import "colors.scss";
+
+* {
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+  color: $black;
+  background-color: $light-grey;
+  font-family: "Poppins", sans-serif;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+}
+
+#__next {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.App {
+  height: 100%;
+  width: 1280px;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+  animation: fadein 250ms both;
+}
+
+a {
+  width: fit-content;
+  color: $blue;
+  border-bottom: 1px solid transparent;
+  text-decoration: none;
+  transition: 0.15s;
+
+  &:hover,
+  &:focus {
+    color: $dark-blue;
+    border-bottom: 1px solid $dark-blue;
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $blue;
+}
+
+ul,
+li {
+  list-style: none;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: $light-grey;
+  border-radius: 2px;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: $blue;
+  border-radius: 2px;
+
+  &:hover {
+    background: $dark-blue;
+  }
+}
+
+button:not(.reset) {
+  cursor: pointer;
+  width: 100%;
+  color: $white;
+  background: $blue;
+  padding: 10px;
+  border: 1px solid $blue;
+  border-radius: 3px;
+  transition: 0.15s;
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  &:not(:disabled):hover {
+    box-shadow: $dark-blue 0 0 3px 1px;
+    background: $dark-blue;
+    color: $white;
+  }
+}
+button.red-btn {
+  cursor: pointer;
+  width: 100%;
+  color: $white;
+  background: $red;
+  padding: 10px;
+  border: 1px solid $red;
+  border-radius: 3px;
+  transition: 0.15s;
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  &:not(:disabled):hover {
+    box-shadow: $red 0 0 3px 1px;
+    background: $red;
+    border: 1px solid $light-red;
+    color: $white;
+  }
+}
+
+input:not(.nostyle) {
+  color: $black;
+  background: $white;
+  padding: 10px;
+  border: 1px solid $lightest-grey;
+  border-bottom: 3px solid $lightest-grey;
+  transition: 0.15s;
+
+  &:focus {
+    border-bottom: 3px solid $blue;
+  }
+}
+
+input::placeholder {
+  font-style: italic;
+  color: $lightest-grey;
+}
+
+.input-field {
+  & label,
+  & input,
+  & select {
+    width: 100%;
+  }
+}
+
+.checkbox-field {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+select:not(.nostyle) {
+  color: $black;
+  background: $white;
+  padding: 10px;
+  border: 1px solid $lightest-grey;
+  border-bottom: 3px solid $lightest-grey;
+  transition: 0.15s;
+
+  &:focus {
+    border-bottom: 3px solid $blue;
+  }
+}
+
+.reset {
+  background-color: inherit;
+  color: inherit;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+kbd {
+  text-shadow: 0 1px 0 #fff;
+  color: rgb(51, 51, 51);
+  background-color: rgb(247, 247, 247);
+  padding: 0.25em 0.5em;
+  border-radius: 3px;
+  border: 1px solid rgb(204, 204, 204);
+  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
+  display: inline-block;
+}
+
+@media (max-width: 1280px) {
+  .App {
+    width: 100%;
+  }
+}
diff --git a/src/styles/keyframes.scss b/src/styles/keyframes.scss
new file mode 100644
index 0000000..108f811
--- /dev/null
+++ b/src/styles/keyframes.scss
@@ -0,0 +1,42 @@
+@keyframes fadein {
+  0% {
+    transform: translateX(-15px);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes fadeintop {
+  0% {
+    transform: translateY(-15px);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes opacityin {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(0deg);
+  }
+  from {
+    transform: rotate(360deg);
+  }
+}
diff --git a/src/styles/login.module.scss b/src/styles/login.module.scss
new file mode 100644
index 0000000..1639fe1
--- /dev/null
+++ b/src/styles/login.module.scss
@@ -0,0 +1,44 @@
+@import "keyframes.scss";
+@import "colors.scss";
+
+.wrapper {
+  height: 100%;
+  width: 480px;
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  flex-direction: column;
+  animation: fadein 250ms both;
+
+  & .providers {
+    height: fit-content;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    & button {
+      width: 100%;
+    }
+  }
+
+  & .error {
+    height: fit-content;
+    width: 100%;
+    text-align: center;
+    font-style: italic;
+    font-size: 0.9em;
+    color: $red;
+    background-color: $light-red;
+    padding: 10px;
+    border-radius: 3px;
+    animation: fadein 250ms both;
+  }
+}
+
+@media (max-width: 680px) {
+  .login {
+    width: 100%;
+  }
+}
diff --git a/types.d.ts b/src/types.d.ts
similarity index 100%
rename from types.d.ts
rename to src/types.d.ts
diff --git a/src/utils/back.ts b/src/utils/back.ts
new file mode 100644
index 0000000..901f3a0
--- /dev/null
+++ b/src/utils/back.ts
@@ -0,0 +1,3 @@
+import { PrismaClient } from "@prisma/client";
+
+export const prisma = new PrismaClient();
diff --git a/src/utils/client.ts b/src/utils/client.ts
new file mode 100644
index 0000000..6f9085a
--- /dev/null
+++ b/src/utils/client.ts
@@ -0,0 +1,7 @@
+import { NextRouter } from "next/router";
+
+export function redirectWithoutClientCache(router: NextRouter, url: string) {
+  router.push(url, undefined, {
+    unstable_skipClientCache: true,
+  });
+}
diff --git a/src/utils/front.ts b/src/utils/front.ts
new file mode 100644
index 0000000..b368165
--- /dev/null
+++ b/src/utils/front.ts
@@ -0,0 +1,70 @@
+import axios from "axios";
+
+import { Category, Link } from "types";
+
+export function BuildCategory({
+  id,
+  name,
+  nextCategoryId,
+  links = [],
+  createdAt,
+  updatedAt,
+}): Category {
+  return {
+    id,
+    name,
+    links: links.map((link) =>
+      BuildLink(link, { categoryId: id, categoryName: name })
+    ),
+    nextCategoryId,
+    createdAt,
+    updatedAt,
+  };
+}
+
+export function BuildLink(
+  { id, name, url, nextLinkId, favorite, createdAt, updatedAt },
+  { categoryId, categoryName }
+): Link {
+  return {
+    id,
+    name,
+    url,
+    category: {
+      id: categoryId,
+      name: categoryName,
+    },
+    nextLinkId,
+    favorite,
+    createdAt,
+    updatedAt,
+  };
+}
+
+export function IsValidURL(url: string): boolean {
+  const regex = new RegExp(
+    /^(?:http(s)?:\/\/)[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.\%]+$/
+  );
+  return url.match(regex) ? true : false;
+}
+
+export function HandleAxiosError(error): string {
+  let errorText: string;
+
+  if (axios.isAxiosError(error)) {
+    if (error.response) {
+      const responseError =
+        error.response.data?.["error"] || error.response.data;
+      errorText = responseError || "Une erreur est survenue";
+    } else if (error.request) {
+      errorText = "Aucune donnée renvoyée par le serveur";
+    } else {
+      errorText = "Une erreur inconnue est survenue";
+    }
+  } else {
+    errorText = "Une erreur est survenue";
+  }
+
+  console.error(error);
+  return errorText;
+}
diff --git a/src/utils/link.ts b/src/utils/link.ts
new file mode 100644
index 0000000..e502eff
--- /dev/null
+++ b/src/utils/link.ts
@@ -0,0 +1,3 @@
+export function faviconLinkBuilder(origin: string) {
+  return `http://localhost:3000/api/favicon?url=${origin}`;
+}
diff --git a/styles/create.module.scss b/styles/create.module.scss
deleted file mode 100644
index ee068e8..0000000
--- a/styles/create.module.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-@import "keyframes.scss";
-@import "colors.scss";
-
-.create-app {
-    height: fit-content;
-    width: 680px;
-    margin-top: 150px;
-    flex-direction: column;
-    gap: 15px;
-
-    & h2 {
-        color: $blue;
-    }
-
-    & form {
-        height: 100%;
-        width: 100%;
-        display: flex;
-        gap: 5px;
-        flex-direction: column;
-    }
-
-    & .input-field {
-        display: flex;
-        gap: 5px;
-        flex-direction: column;
-    }
-}
-
-@media (max-width: 680px) {
-    .create-app {
-        width: 100%;
-    }
-}
diff --git a/styles/error-page.module.scss b/styles/error-page.module.scss
deleted file mode 100644
index ed2332d..0000000
--- a/styles/error-page.module.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@import "keyframes.scss";
-
-.App {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    animation: fadein 250ms both;
-
-    & h1 {
-        display: inline-block;
-        border-right: 1px solid rgba(0, 0, 0, 0.3);
-        margin: 0;
-        margin-right: 20px;
-        padding: 10px 23px 10px 0;
-        font-size: 24px;
-        font-weight: 500;
-        vertical-align: top;
-    }
-
-    & h2 {
-        font-size: 14px;
-        font-weight: normal;
-        line-height: inherit;
-        margin: 0;
-        padding: 0;
-    }
-}
diff --git a/styles/globals.scss b/styles/globals.scss
deleted file mode 100644
index 302ed28..0000000
--- a/styles/globals.scss
+++ /dev/null
@@ -1,201 +0,0 @@
-@import "keyframes.scss";
-@import "colors.scss";
-
-* {
-	box-sizing: border-box;
-	outline: 0;
-	margin: 0;
-	padding: 0;
-}
-
-html,
-body {
-	height: 100%;
-	width: 100%;
-	color: $black;
-	background-color: $light-grey;
-	font-family: "Poppins", sans-serif;
-	padding: 0;
-	margin: 0;
-	overflow: hidden;
-}
-
-#__next {
-	height: 100%;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	flex-direction: column;
-}
-
-.App {
-	height: 100%;
-	width: 1280px;
-	padding: 10px;
-	display: flex;
-	justify-content: center;
-	animation: fadein 250ms both;
-}
-
-a {
-	width: fit-content;
-	color: $blue;
-	border-bottom: 1px solid transparent;
-	text-decoration: none;
-	transition: 0.15s;
-
-	&:hover,
-	&:focus {
-		color: $dark-blue;
-		border-bottom: 1px solid $dark-blue;
-	}
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	color: $blue;
-}
-
-ul,
-li {
-	list-style: none;
-}
-
-/* width */
-::-webkit-scrollbar {
-	width: 7px;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-	background: $light-grey;
-	border-radius: 2px;
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-	background: $blue;
-	border-radius: 2px;
-
-	&:hover {
-		background: $dark-blue;
-	}
-}
-
-button:not(.reset) {
-	cursor: pointer;
-	width: 100%;
-	color: $white;
-	background: $blue;
-	padding: 10px;
-	border: 1px solid $blue;
-	border-radius: 3px;
-	transition: 0.15s;
-
-	&:disabled {
-		cursor: default;
-		opacity: 0.5;
-	}
-
-	&:not(:disabled):hover {
-		box-shadow: $dark-blue 0 0 3px 1px;
-		background: $dark-blue;
-		color: $white;
-	}
-}
-button.red-btn {
-	cursor: pointer;
-	width: 100%;
-	color: $white;
-	background: $red;
-	padding: 10px;
-	border: 1px solid $red;
-	border-radius: 3px;
-	transition: 0.15s;
-
-	&:disabled {
-		cursor: default;
-		opacity: 0.5;
-	}
-
-	&:not(:disabled):hover {
-		box-shadow: $red 0 0 3px 1px;
-		background: $red;
-		border: 1px solid $light-red;
-		color: $white;
-	}
-}
-
-input:not(.nostyle) {
-	color: $black;
-	background: $white;
-	padding: 10px;
-	border: 1px solid $lightest-grey;
-	border-bottom: 3px solid $lightest-grey;
-	transition: 0.15s;
-
-	&:focus {
-		border-bottom: 3px solid $blue;
-	}
-}
-
-input::placeholder {
-	font-style: italic;
-	color: $lightest-grey;
-}
-
-.input-field {
-	& label,
-	& input,
-	& select {
-		width: 100%;
-	}
-}
-
-.checkbox-field {
-	display: flex;
-	align-items: center;
-	gap: 5px;
-}
-
-select:not(.nostyle) {
-	color: $black;
-	background: $white;
-	padding: 10px;
-	border: 1px solid $lightest-grey;
-	border-bottom: 3px solid $lightest-grey;
-	transition: 0.15s;
-
-	&:focus {
-		border-bottom: 3px solid $blue;
-	}
-}
-
-.reset {
-	background-color: inherit;
-	color: inherit;
-	padding: 0;
-	margin: 0;
-	border: 0;
-}
-
-kbd {
-	text-shadow: 0 1px 0 #fff;
-	color: rgb(51, 51, 51);
-	background-color: rgb(247, 247, 247);
-	padding: 0.25em 0.5em;
-	border-radius: 3px;
-	border: 1px solid rgb(204, 204, 204);
-	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-	display: inline-block;
-}
-
-@media (max-width: 1280px) {
-	.App {
-		width: 100%;
-	}
-}
diff --git a/styles/keyframes.scss b/styles/keyframes.scss
deleted file mode 100644
index c95c563..0000000
--- a/styles/keyframes.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-@keyframes fadein {
-    0% {
-        transform: translateX(-15px);
-        opacity: 0;
-    }
-
-    100% {
-        transform: translateX(0);
-        opacity: 1;
-    }
-}
-
-@keyframes fadeintop {
-    0% {
-        transform: translateY(-15px);
-        opacity: 0;
-    }
-
-    100% {
-        transform: translateY(0);
-        opacity: 1;
-    }
-}
-
-@keyframes opacityin {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes rotate {
-    to {
-        transform: rotate(0deg);
-    }
-    from {
-        transform: rotate(360deg);
-    }
-}
diff --git a/styles/login.module.scss b/styles/login.module.scss
deleted file mode 100644
index 3526e26..0000000
--- a/styles/login.module.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@import "keyframes.scss";
-@import "colors.scss";
-
-.wrapper {
-    height: 100%;
-    width: 480px;
-    display: flex;
-    gap: 20px;
-    justify-content: center;
-    flex-direction: column;
-    animation: fadein 250ms both;
-
-    & .providers {
-        height: fit-content;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-
-        & button {
-            width: 100%;
-        }
-    }
-
-    & .error {
-        height: fit-content;
-        width: 100%;
-        text-align: center;
-        font-style: italic;
-        font-size: 0.9em;
-        color: $red;
-        background-color: $light-red;
-        padding: 10px;
-        border-radius: 3px;
-        animation: fadein 250ms both;
-    }
-}
-
-@media (max-width: 680px) {
-    .login {
-        width: 100%;
-    }
-}
diff --git a/test.js b/test.js
deleted file mode 100644
index de144e3..0000000
--- a/test.js
+++ /dev/null
@@ -1,60 +0,0 @@
-(async () => {
-	const request = await fetch("https://sdtream.sonnydata.fr");
-	const text = await request.text();
-
-	const faviconPath = findFaviconPath(text);
-	if (!faviconPath) {
-		return console.log("Unable to find favicon path");
-	}
-
-	if (isBase64Image(faviconPath)) {
-		console.log("base64, convert it to buffer");
-		const buffer = convertBase64ToBuffer(faviconPath);
-		return console.log(buffer);
-	}
-
-	const pathWithoutFile = popLastSegment(request.url);
-	console.log("pathWithoutFile", pathWithoutFile);
-
-	const result = buildFaviconUrl(faviconPath, pathWithoutFile);
-	console.log(result);
-})();
-
-function findFaviconPath(text) {
-	const regex = /rel=['"](?:shortcut )?icon['"] href=['"]([^?'"]+)[?'"]/i;
-	const found = text.match(regex);
-	if (!found) {
-		return console.warn("nothing, exit");
-	}
-
-	const faviconPath = found?.[1];
-	return faviconPath || null;
-}
-
-function popLastSegment(url = "") {
-	const { href } = new URL(url);
-	const pathWithoutFile = href.split("/");
-	pathWithoutFile.pop();
-	return pathWithoutFile.join("/") || "";
-}
-
-function buildFaviconUrl(faviconPath, pathWithoutFile) {
-	if (faviconPath.startsWith("http")) {
-		console.log("startsWith http, result", faviconPath);
-		return faviconPath;
-	} else if (faviconPath.startsWith("/")) {
-		console.log("startsWith /, result", pathWithoutFile + faviconPath);
-		return pathWithoutFile + faviconPath;
-	} else {
-		console.log("else, result", pathWithoutFile + "/" + faviconPath);
-		return pathWithoutFile + "/" + faviconPath;
-	}
-}
-
-function isBase64Image(data) {
-	return data.startsWith("data:image/");
-}
-
-function convertBase64ToBuffer(base64 = "") {
-	return new Buffer.from(base64, "base64");
-}
diff --git a/tsconfig.json b/tsconfig.json
index b8d5978..7c6cb34 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,8 +13,9 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "baseUrl": "./src"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "@/**.*", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
 }
diff --git a/utils/back.ts b/utils/back.ts
deleted file mode 100644
index fbb7b51..0000000
--- a/utils/back.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { PrismaClient } from '@prisma/client';
-
-export const prisma = new PrismaClient();
\ No newline at end of file
diff --git a/utils/client.ts b/utils/client.ts
deleted file mode 100644
index 568b75f..0000000
--- a/utils/client.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { NextRouter } from 'next/router';
-
-export function redirectWithoutClientCache(router: NextRouter, url: string) {
-    router.push(url, undefined, {
-        unstable_skipClientCache: true,
-    });
-}
\ No newline at end of file
diff --git a/utils/front.ts b/utils/front.ts
deleted file mode 100644
index 00f6e9c..0000000
--- a/utils/front.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import axios from 'axios';
-import { Category, Link } from '../types';
-
-export function BuildCategory({ id, name, nextCategoryId, links = [], createdAt, updatedAt }): Category {
-    return {
-        id,
-        name,
-        links: links.map((link) => BuildLink(link, { categoryId: id, categoryName: name })),
-        nextCategoryId,
-        createdAt,
-        updatedAt
-    }
-}
-
-export function BuildLink({ id, name, url, nextLinkId, favorite, createdAt, updatedAt }, { categoryId, categoryName }): Link {
-    return {
-        id,
-        name,
-        url,
-        category: {
-            id: categoryId,
-            name: categoryName
-        },
-        nextLinkId,
-        favorite,
-        createdAt,
-        updatedAt
-    }
-}
-
-export function IsValidURL(url: string): boolean {
-    const regex = new RegExp(/^(?:http(s)?:\/\/)[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.\%]+$/);
-    return url.match(regex) ? true : false;
-}
-
-export function HandleAxiosError(error): string {
-    let errorText: string;
-
-    if (axios.isAxiosError(error)) {
-        if (error.response) {
-            const responseError = error.response.data?.['error'] || error.response.data;
-            errorText = responseError || 'Une erreur est survenue';
-        } else if (error.request) {
-            errorText = 'Aucune donnée renvoyée par le serveur';
-        } else {
-            errorText = 'Une erreur inconnue est survenue';
-        }
-    } else {
-        errorText = 'Une erreur est survenue';
-    }
-
-    console.error(error);
-    return errorText;
-}
\ No newline at end of file
diff --git a/utils/link.ts b/utils/link.ts
deleted file mode 100644
index edb32f5..0000000
--- a/utils/link.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export function faviconLinkBuilder(origin: string, size: number = 32) {
-	return `http://localhost:3000/api/favicon?url=${origin}`;
-}