Add extras and options CRUD, add sidebar, add kanban board, udpate packages

src/components/global/MobileSidebar.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { Menu } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+
+import Sidebar from "./Sidebar";
+
+export default function MobileSidebar() {
+  return (
+    <Sheet>
+      <SheetTrigger asChild>
+        <Button variant="ghost" size="icon" aria-label="Open navigation">
+          <Menu className="h-5 w-5" />
+        </Button>
+      </SheetTrigger>
+
+      <SheetContent side="left" className="p-0 w-80">
+        <SheetHeader className="px-4 py-3">
+          <SheetTitle>Navigation</SheetTitle>
+        </SheetHeader>
+        <Sidebar />
+      </SheetContent>
+    </Sheet>
+  );
+}