create new file dialog in nav and context menu

frontend/layouts/default.vue

@@ -2,6 +2,7 @@
 import TextEditor from '~/components/viewers/TextEditor.vue';
 import ImageViewer from '@/components/viewers/ImageViewer.vue';
 import { Separator } from '@/components/ui/separator';
+import CreateFileDialog from '~/components/actions/CreateFileDialog.vue';
 import CreateDirectoryDialog from '~/components/actions/CreateDirectoryDialog.vue';
 import UploadDialog from '~/components/actions/UploadDialog.vue';
 import { getWarrens } from '~/lib/api/warrens';
@@ -82,6 +83,15 @@ await useAsyncData('warrens', async () => {
                                 ></div>
                             </Button>
                         </UploadDialog>
+                        <CreateFileDialog>
+                            <Button
+                                v-if="route.path.startsWith('/warrens/')"
+                                variant="outline"
+                                size="icon"
+                            >
+                                <Icon name="lucide:file-plus" />
+                            </Button>
+                        </CreateFileDialog>
                         <CreateDirectoryDialog>
                             <Button
                                 v-if="route.path.startsWith('/warrens/')"