feat: update-layout & add uuid tool (#4)

Co-authored-by: typist <git@mail.typist.cc>
Reviewed-on: #4

src/layout.tsx

@@ -1,14 +1,20 @@
-import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
-import { Sidebar } from "@/components/ui/sidebar"
 import type { FC } from "react"
 import { Outlet } from "react-router-dom";
 
+import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
+import { AppSidebar } from "@/components/sidebar";
+
 export const Layout: FC = () => (
   <SidebarProvider>
-    <Sidebar />
-    <main>
-      <SidebarTrigger />
-      <Outlet />
-    </main>
+    <AppSidebar />
+    <div className="p-4 flex flex-col w-full h-[100vh]">
+      <nav className="flex items-center justify-between">
+        <SidebarTrigger className="size-10" />
+        <div role="actions" />
+      </nav>
+      <main className="flex-1 overflow-auto p-4">
+        <Outlet />
+      </main>
+    </div>
   </SidebarProvider>
 );