reafctor: Rely only on the database for themes

This commit makes it so that a user's theme will only be pulled from the
database rather than from a weird mix of cookies and the database. This
fixes some issues with themes rendering weirdly.

app/components/ChatInput.vue

@@ -161,7 +161,7 @@ onUnmounted(() => {
 
 <template>
     <div :class="['w-full flex max-h-full', $attrs.class]">
-        <div class="relative w-full flex flex-shrink-1 flex-col gap-3 p-3 rounded-2xl border transition-border ease-in-out duration-300 bg-[var(--bg-container)]
+        <div class="relative w-full flex flex-shrink-1 flex-col gap-3 p-2 rounded-2xl border transition-border ease-in-out duration-300 bg-[var(--bg-container)]
         border-[var(--color-border)] focus-within:border-[var(--color-border-active)]">
             <div class="flex-1 min-w-0 max-h-full">
                 <!-- Grammarly literally breaks everything, go fuck yourself -->

app/components/Settings/AppearanceSettings.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-const { settings, updateSettings } = await useUserSettings();
-const { colorScheme } = useTheme();
+const { colorScheme, settings, updateSettings } = await useUserSettings();
 
 const accents = ['violet', 'volcano', 'lime', 'sky', 'coral', 'emerald', 'amber', 'rose', 'cyan', 'indigo', 'magenta'];
 const neutrals = ['zinc', 'slate', 'obsidian'];