Fix colors, replace Dropdown with Select, add clear layout

app/pages/import.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { Outline } from '@/components/ui/outline';
+import { SidebarTrigger } from '@/components/ui/sidebar';
+import Frame from '@/components/ui/frame/Frame.vue';
+</script>
+
+<template>
+    <div class="flex-1">
+        <NuxtLayout name="default">
+            <template #header>
+                <Outline side="bottom" padding="dense" class="w-full">
+                    <div class="flex gap-8 w-full items-center">
+                        <SidebarTrigger :size="5" />
+                        <h2 class="scroll-m-20 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
+                            Import
+                        </h2>
+                    </div>
+                </Outline>
+            </template>
+            <div class="w-full">
+                <Frame>
+                    Hello
+                </Frame>
+            </div>
+            <template #sidebar>
+                <Outline padding="none" class="h-full" side="left">
+                    <Outline padding="dense" side="bottom">
+                        <p class="leading-7 not-first:mt-6 font-semibold">
+                            Metadata editor
+                        </p>
+                    </Outline>
+                </Outline>
+            </template>
+        </NuxtLayout>
+    </div>
+</template>