create dirs + delete dirs + delete files

frontend/layouts/default.vue

@@ -20,7 +20,7 @@ const breadcrumbs = computed(() => getBreadcrumbs(route.path));
             <header
                 class="h-16 flex items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12"
             >
-                <div class="items-center flex gap-2 px-4">
+                <div class="items-center flex gap-2 px-4 w-full">
                     <SidebarTrigger class="[&_svg]:size-4" />
                     <Separator orientation="vertical" class="mr-2 !h-4" />
                     <Breadcrumb>
@@ -50,6 +50,14 @@ const breadcrumbs = computed(() => getBreadcrumbs(route.path));
                             </template>
                         </BreadcrumbList>
                     </Breadcrumb>
+
+                    <div class="ml-auto">
+                        <CreateDirectoryDialog>
+                            <Button variant="outline" size="icon">
+                                <Icon name="lucide:folder-plus" />
+                            </Button>
+                        </CreateDirectoryDialog>
+                    </div>
                 </div>
             </header>