Fix link overlap issues - add overflow-hidden and block display

app/tasks/page.tsx

@@ -100,11 +100,11 @@ function TaskListItem({ task }: { task: Task }) {
   return (
     <div className="flex items-start gap-3 py-3 border-b border-border last:border-0">
       <div className="mt-0.5">{getStatusIcon(task.status)}</div>
-      <div className="flex-1 min-w-0">
+      <div className="flex-1 min-w-0 overflow-hidden">
         <Link
           href={`https://gantt-board.vercel.app/tasks/${encodeURIComponent(task.id)}`}
           target="_blank"
-          className="text-sm font-medium truncate hover:text-primary hover:underline"
+          className="text-sm font-medium block truncate hover:text-primary hover:underline"
         >
           {task.title}
         </Link>