Revert "Rewrite cosmetics and theme preferences (#1292)"

This reverts commit 8704d3acb3.

apps/frontend/src/composables/cosmetics.js

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