feat: ditch triplit, move to postgresql + drizzle orm

app/components/Attachment/Display.vue

@@ -32,7 +32,7 @@ const fileExtension = computed(() => {
 </script>
 
 <template>
-    <div class="relative h-full w-fit">
+    <div class="relative h-full w-fit flex">
         <img v-if="isImage" :src="props.file.url" class="rounded-lg h-full w-full max-h-36 max-w-64 object-cover" />
         <video v-else-if="isVideo" controls :src="props.file.url"
             class="rounded-lg h-full w-full max-h-36 max-w-64 object-cover" />
@@ -53,10 +53,5 @@ const fileExtension = computed(() => {
                 <span class="text-xs text-white">{{ file.progress || 0 }}%</span>
             </div>
         </div>
-
-        <button @click="$emit('delete')"
-            class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 flex items-center justify-center w-4 h-4 rounded-full bg-[var(--bg-base)] border border-[var(--color-border)] text-xs text-[#ff3b3b]">
-            <span class="i-mynaui-x text-3"></span>
-        </button>
     </div>
 </template>

app/components/Attachment/Preview.vue

@@ -21,7 +21,7 @@ const handleDelete = async () => {
 </script>
 
 <template>
-    <div class="relative h-full w-fit">
+    <div class="relative h-full w-fit flex">
         <Display :file="props.file" />
 
         <button @click="handleDelete"