Initial implementation of Import page, project cleanup

app/components/internal/import/uploadentry/UploadEntry.vue

@@ -0,0 +1,43 @@
+<template>
+    <Frame margin="none" class="px-3 py-4 flex items-center gap-2">
+        <div>
+            <AudioWaveform :size="32" />
+        </div>
+        <div class="w-full">
+            <div class="flex flex-row gap-4">
+                <p class="font-medium">
+                    {{ title }}
+                </p>
+                <Pen />
+            </div>
+            <div class="flex flex-row">
+                <p class="text-sm text-muted-foreground">
+                    {{ size }}
+                </p>
+                <Dot />
+                <p class="text-sm text-muted-foreground">
+                    {{ format }}
+                </p>
+            </div>
+        </div>
+        <div>
+            <EllipsisVertical :size="32" />
+        </div>
+    </Frame>
+</template>
+
+<script setup lang="ts">
+import Frame from '@/components/ui/frame/Frame.vue'
+import { AudioWaveform, Dot, EllipsisVertical, Pen } from 'lucide-vue-next'
+
+interface Props {
+    title: string
+    size: string
+    format: string
+    progress?: number
+    error?: string
+}
+
+withDefaults(defineProps<Props>(), {
+})
+</script>

app/components/internal/musiccard/MusicCard.vue

@@ -6,11 +6,11 @@
         <Separator orientation="vertical" />
         <div class="w-fit flex-1 flex flex-col justify-between">
             <div class="w-full">
-                <div class="flex items-center justify-between w-full">
+                <div class="flex items-start justify-between w-full">
                     <h4 class="scroll-m-20 text-xl font-semibold tracking-tight truncate max-w-[32ch]">
                         {{ title }}
                     </h4>
-                    <p class="leading-7" v-if="date">
+                    <p class="max-w-[16ch]" v-if="date">
                         {{ date }}
                     </p>
                 </div>