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/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" }