Add 'Add to Kanban' quick action for Quick Wins issues

Implements GitHub issue #96 by adding an "Add to Kanban" button to each
row in the Quick Wins table. Users can now quickly add issues to their
Kanban board's "To Do" column directly from the Quick Wins page.

Changes:
- Modified columns.tsx to add a new Actions column with "Add to Kanban" button
- Updated QuickWinsTable.tsx to integrate with useKanbanStore
- Added handler to convert GitHubIssue to KanbanTask format
- Button adds issues to the "To Do" column by default

This streamlines the planning workflow and accelerates contribution
initiation by reducing friction in task assignment.

Author: claude

src/components/quick-wins/QuickWinsTable.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useMemo } from "react";
+import { useState, useMemo, useCallback } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -45,6 +45,7 @@ import {
 
 import { createColumns } from "./columns";
 import type { GitHubIssue } from "@/types/quickWins";
+import { useKanbanStore } from "@/stores/kanban";
 
 interface QuickWinsTableProps {
   data: GitHubIssue[];
@@ -70,7 +71,21 @@ export function QuickWinsTable({
 
   const [languageFilter, setLanguageFilter] = useState<string>("all");
 
-  const columns = useMemo(() => createColumns(), []);
+  const addTask = useKanbanStore((state) => state.addTask);
+
+  const handleAddToKanban = useCallback((issue: GitHubIssue) => {
+    addTask({
+      title: issue.title,
+      description: `From ${issue.repository}`,
+      type: "github-issue",
+      priority: issue.priority,
+      githubUrl: issue.url,
+      labels: issue.labels.map((label) => label.name),
+      columnId: "todo",
+    });
+  }, [addTask]);
+
+  const columns = useMemo(() => createColumns({ onAddToKanban: handleAddToKanban }), [handleAddToKanban]);
 
   const filteredData = useMemo(() => {
     let filtered = data;

src/components/quick-wins/columns.tsx

@@ -2,10 +2,14 @@ import { ColumnDef } from "@tanstack/react-table";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { ExternalLink, Calendar } from "lucide-react";
+import { ExternalLink, Calendar, ListPlus } from "lucide-react";
 import type { GitHubIssue } from "@/types/quickWins";
 
-export const createColumns = (): ColumnDef<GitHubIssue>[] => [
+interface CreateColumnsOptions {
+  onAddToKanban?: (issue: GitHubIssue) => void;
+}
+
+export const createColumns = (options?: CreateColumnsOptions): ColumnDef<GitHubIssue>[] => [
   {
     accessorKey: "title",
     header: ({ column }) => (
@@ -157,4 +161,24 @@ export const createColumns = (): ColumnDef<GitHubIssue>[] => [
     },
     enableSorting: false,
   },
+  {
+    id: "actions",
+    header: "Actions",
+    cell: ({ row }) => {
+      const issue = row.original;
+      return (
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={() => options?.onAddToKanban?.(issue)}
+          disabled={!options?.onAddToKanban}
+          className="gap-1"
+        >
+          <ListPlus className="w-4 h-4" />
+          Add to Kanban
+        </Button>
+      );
+    },
+    enableSorting: false,
+  },
 ];