Add TailwindCSS (#1252)

* Setup TailwindCSS

* Fully setup configuration

* Refactor some tailwind variables

apps/frontend/src/composables/cosmetics.js

@@ -1,12 +1,13 @@
+/* eslint-disable no-undef */
 export const useCosmetics = () =>
-  useState('cosmetics', () => {
-    const cosmetics = useCookie('cosmetics', {
+  useState("cosmetics", () => {
+    const cosmetics = useCookie("cosmetics", {
       maxAge: 60 * 60 * 24 * 365 * 10,
-      sameSite: 'lax',
+      sameSite: "lax",
       secure: true,
       httpOnly: false,
-      path: '/',
-    })
+      path: "/",
+    });
 
     if (!cosmetics.value) {
       cosmetics.value = {
@@ -16,37 +17,37 @@ export const useCosmetics = () =>
         externalLinksNewTab: true,
         notUsingBlockers: false,
         hideModrinthAppPromos: false,
-        preferredDarkTheme: 'dark',
+        preferredDarkTheme: "dark",
         searchDisplayMode: {
-          mod: 'list',
-          plugin: 'list',
-          resourcepack: 'gallery',
-          modpack: 'list',
-          shader: 'gallery',
-          datapack: 'list',
-          user: 'list',
-          collection: 'list',
+          mod: "list",
+          plugin: "list",
+          resourcepack: "gallery",
+          modpack: "list",
+          shader: "gallery",
+          datapack: "list",
+          user: "list",
+          collection: "list",
         },
         hideStagingBanner: false,
-      }
+      };
     }
 
-    return cosmetics.value
-  })
+    return cosmetics.value;
+  });
 
 export const saveCosmetics = () => {
-  const cosmetics = useCosmetics()
+  const cosmetics = useCosmetics();
 
-  console.log('SAVING COSMETICS:')
-  console.log(cosmetics)
+  console.log("SAVING COSMETICS:");
+  console.log(cosmetics);
 
-  const cosmeticsCookie = useCookie('cosmetics', {
+  const cosmeticsCookie = useCookie("cosmetics", {
     maxAge: 60 * 60 * 24 * 365 * 10,
-    sameSite: 'lax',
+    sameSite: "lax",
     secure: true,
     httpOnly: false,
-    path: '/',
-  })
+    path: "/",
+  });
 
-  cosmeticsCookie.value = cosmetics.value
-}
+  cosmeticsCookie.value = cosmetics.value;
+};