basic file sharing

frontend/layouts/default.vue

@@ -16,6 +16,7 @@ await useAsyncData('warrens', async () => {
 
 <template>
     <SidebarProvider>
+        <ActionsShareDialog />
         <ImageViewer />
         <AppSidebar />
         <SidebarInset class="flex flex-col-reverse md:flex-col">

frontend/layouts/share.vue

@@ -0,0 +1,8 @@
+<script lang="ts" setup></script>
+
+<template>
+    <main class="flex h-full w-full items-center justify-center">
+        <ImageViewer />
+        <slot />
+    </main>
+</template>