fix: resolve TypeScript errors in migrated components

apps/web/src/components/kanban/KanbanBoard.tsx

@@ -40,7 +40,7 @@ const columns = [
  * - Task cards with title, priority badge, assignee avatar
  * - PATCH /api/tasks/:id on status change
  */
-export function KanbanBoard({ tasks = [], onStatusChange }: KanbanBoardProps): JSX.Element {
+export function KanbanBoard({ tasks = [], onStatusChange }: KanbanBoardProps): React.ReactElement {
   const [activeTaskId, setActiveTaskId] = useState<string | null>(null);
 
   const sensors = useSensors(

apps/web/src/components/kanban/KanbanColumn.tsx

@@ -35,7 +35,7 @@ const statusBadgeColors = {
  * A droppable column for tasks of a specific status.
  * Uses @dnd-kit/core for drag-and-drop functionality.
  */
-export function KanbanColumn({ status, title, tasks }: KanbanColumnProps): JSX.Element {
+export function KanbanColumn({ status, title, tasks }: KanbanColumnProps): React.ReactElement {
   const { setNodeRef, isOver } = useDroppable({
     id: status,
   });

apps/web/src/components/kanban/TaskCard.tsx

@@ -48,7 +48,7 @@ function getInitials(name: string): string {
  * - Assignee avatar (if assigned)
  * - Due date (if set)
  */
-export function TaskCard({ task }: TaskCardProps): JSX.Element {
+export function TaskCard({ task }: TaskCardProps): React.ReactElement {
   const {
     attributes,
     listeners,

apps/web/src/components/kanban/index.ts

@@ -1,3 +1,3 @@
-export { KanbanBoard } from "./kanban-board";
-export { KanbanColumn } from "./kanban-column";
-export { TaskCard } from "./task-card";
+export { KanbanBoard } from "./KanbanBoard";
+export { KanbanColumn } from "./KanbanColumn";
+export { TaskCard } from "./TaskCard";