[taskboard] refactor tasks into full-page workspace

components/tasks-subnav.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+import { cn } from "@/lib/utils";
+
+const items = [
+  { href: "/tasks", label: "Board" },
+  { href: "/tasks/dispatch", label: "Dispatch" },
+  { href: "/tasks/failures", label: "Failure Queue" },
+];
+
+export function TasksSubnav() {
+  const pathname = usePathname();
+
+  return (
+    <div className="mb-6 flex flex-wrap gap-2">
+      {items.map((item) => {
+        const isActive = pathname === item.href;
+        return (
+          <Link
+            className={cn(
+              "inline-flex items-center rounded-full border px-4 py-2 text-sm transition",
+              isActive
+                ? "border-cyan-300/30 bg-cyan-300/10 text-cyan-100"
+                : "border-white/10 bg-slate-950/35 text-slate-300 hover:border-white/20 hover:bg-white/5 hover:text-white",
+            )}
+            href={item.href}
+            key={item.href}
+          >
+            {item.label}
+          </Link>
+        );
+      })}
+    </div>
+  );
+}