feat: ditch triplit, move to postgresql + drizzle orm

app/layouts/default.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Dialog from '~/components/Dialog/index.vue';
 
-const { colorScheme } = useUserSettings();
+const { colorScheme } = await useUserSettings();
 const { toggle: toggleSidebar } = useSidebar();
 const { addShortcut } = useKeyboardShortcuts();
 
@@ -16,11 +16,16 @@ useHead({
         class: colorScheme.class
     }
 });
+
+if (import.meta.client) {
+    const { connect } = useUserEvents();
+    connect();
+}
 </script>
 
 <template>
     <Sidenav />
-    <div class="p-2 w-full h-full">
+    <div class="p-2 w-full h-full max-w-full overflow-x-hidden">
         <main
             class="bg-[var(--bg-surface)] flex flex-col h-full w-full border border-solid border-[var(--color-border)] rounded-lg overflow-hidden">
             <div class="flex-1 overflow-y-auto">