basic text editor

frontend/layouts/default.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import TextEditor from '~/components/viewers/TextEditor.vue';
+import ImageViewer from '@/components/viewers/ImageViewer.vue';
 import { Separator } from '@/components/ui/separator';
 import CreateDirectoryDialog from '~/components/actions/CreateDirectoryDialog.vue';
 import UploadDialog from '~/components/actions/UploadDialog.vue';
@@ -18,7 +20,10 @@ await useAsyncData('warrens', async () => {
     <SidebarProvider>
         <SelectionRect />
         <ActionsShareDialog />
+
+        <TextEditor />
         <ImageViewer />
+
         <AppSidebar />
         <SidebarInset class="flex flex-col-reverse md:flex-col">
             <header