feat: add todosCount to RecentTasks and TaskCard components

- Included `todosCount` prop in `RecentTasks` and `TaskCard` for better task management visibility.
- Updated `TaskCard` UI to display the number of related todos, enhancing user interaction.
- Modified `Task` interface and `TasksService` to support todos count retrieval from the database.
- Added sample `todosCount` values in `UIShowcaseClient` for demonstration purposes.

src/components/dashboard/RecentTasks.tsx

@@ -58,6 +58,7 @@ export function RecentTasks({ tasks }: RecentTasksProps) {
                 tfsPullRequestId={task.tfsPullRequestId}
                 tfsProject={task.tfsProject}
                 tfsRepository={task.tfsRepository}
+                todosCount={task.todosCount}
                 availableTags={availableTags}
                 fontSize="small"
                 onTitleClick={() => {

src/components/kanban/TaskCard.tsx

@@ -79,6 +79,7 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
       tfsPullRequestId={task.tfsPullRequestId}
       tfsProject={task.tfsProject}
       tfsRepository={task.tfsRepository}
+      todosCount={task.todosCount}
       isDragging={isDragging}
       isPending={isPending}
       onEdit={handleEdit}

src/components/ui-showcase/UIShowcaseClient.tsx

@@ -621,6 +621,7 @@ export function UIShowcaseClient() {
                   priority="high"
                   tags={["Frontend", "UI"]}
                   source="manual"
+                  todosCount={3}
                   fontSize="medium"
                   availableTags={[
                     { id: "1", name: "Frontend", color: "#3b82f6" },
@@ -643,6 +644,7 @@ export function UIShowcaseClient() {
                   tags={["Design", "Components"]}
                   source="manual"
                   dueDate={new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)}
+                  todosCount={5}
                   fontSize="medium"
                   availableTags={[
                     { id: "1", name: "Design", color: "#f59e0b" },
@@ -668,6 +670,7 @@ export function UIShowcaseClient() {
                   jiraProject="PROJ"
                   jiraType="Bug"
                   dueDate={new Date(Date.now() + 3 * 24 * 60 * 60 * 1000)}
+                  todosCount={2}
                   fontSize="medium"
                   availableTags={[
                     { id: "1", name: "Bug", color: "#ef4444" },
@@ -693,6 +696,7 @@ export function UIShowcaseClient() {
                   tfsPullRequestId={456}
                   tfsProject="MyProject"
                   tfsRepository="backend-api"
+                  todosCount={1}
                   fontSize="medium"
                   availableTags={[
                     { id: "1", name: "API", color: "#06b6d4" },
@@ -727,6 +731,7 @@ export function UIShowcaseClient() {
                     priority="medium"
                     tags={["Archive"]}
                     source="manual"
+                    todosCount={4}
                     fontSize="small"
                     availableTags={[
                       { id: "1", name: "Archive", color: "#6b7280" }
@@ -739,6 +744,7 @@ export function UIShowcaseClient() {
                     priority="high"
                     tags={["Cancelled"]}
                     source="manual"
+                    todosCount={1}
                     fontSize="small"
                     availableTags={[
                       { id: "1", name: "Cancelled", color: "#ef4444" }

src/components/ui/TaskCard.tsx

@@ -28,6 +28,9 @@ interface TaskCardProps extends HTMLAttributes<HTMLDivElement> {
   tfsProject?: string;
   tfsRepository?: string;
   
+  // Task ID for todos count
+  todosCount?: number;
+  
   // Interactive
   isDragging?: boolean;
   isPending?: boolean;
@@ -62,6 +65,7 @@ const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(
     tfsPullRequestId,
     tfsProject,
     tfsRepository,
+    todosCount,
     isDragging = false,
     isPending = false,
     onEdit,
@@ -519,6 +523,13 @@ const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(
                       ✓ DONE
                     </span>
                   )}
+
+                  {/* Nombre de todos reliés */}
+                  {todosCount !== undefined && todosCount > 0 && (
+                    <Badge variant="outline" size="sm" className="text-cyan-400 border-cyan-400/30">
+                      📝 {todosCount}
+                    </Badge>
+                  )}
                 </div>
               </div>
             </div>