Simple sidebar and header

src/app/workspace/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppSidebar, { SidebarTrigger } from "@/components/AppSidebar";
 import BoardView from "@/components/view/board/BoardView";
 import { Task } from "@/lib/types";
 import { useEffect, useState } from "react";
@@ -34,15 +35,24 @@ export default function Workspace() {
   };
 
   return (
-    <BoardView
-      tasks={tasks}
-      setTasks={setTasks}
-      createTask={createTask}
-      tags={{
-        website: { color: "yellow", name: "Website" },
-        api: { color: "purple", name: "API" },
-        app: { color: "blue", name: "App" },
-      }}
-    />
+    <AppSidebar>
+      <SidebarTrigger className="w-full px-4">
+        <div className="px-4">
+          <header className="w-full border-b-2 pb-3 pt-2 hover:bg-accent/20">
+            Workspace
+          </header>
+        </div>
+      </SidebarTrigger>
+      <BoardView
+        tasks={tasks}
+        setTasks={setTasks}
+        createTask={createTask}
+        tags={{
+          website: { color: "yellow", name: "Website" },
+          api: { color: "purple", name: "API" },
+          app: { color: "blue", name: "App" },
+        }}
+      />
+    </AppSidebar>
   );
 }