feat: enhance KanbanColumn and TaskCard styles for better responsiveness

- Updated KanbanColumn to adjust width for medium screens, improving layout flexibility.
- Modified TaskCard title font size for better readability and increased line clamp for title overflow.
- Adjusted margin for task tags based on task status, enhancing visual clarity.

components/kanban/Column.tsx

@@ -67,7 +67,7 @@ export function KanbanColumn({ id, title, color, tasks, onCreateTask, onDeleteTa
   const badgeVariant = color === 'green' ? 'success' : color === 'blue' ? 'primary' : color === 'red' ? 'danger' : 'default';
 
   return (
-    <div className="flex-shrink-0 w-80 h-full">
+    <div className="flex-shrink-0 w-80 md:w-1/4 md:flex-1 h-full">
       <Card 
         ref={setNodeRef}
         variant="elevated"