feat: Enhance TagContext to collect unique tags from tasks and update tag state

Author: chrisreddington

src/context/TagContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useContext } from 'react';
+import React, { createContext, useState, useContext, useEffect } from 'react';
 import { useTaskContext } from './TaskContext';
 
 // Create the tag context
@@ -12,6 +12,25 @@ export const TagProvider = ({ children }) => {
   const [tags, setTags] = useState([]);
   const { tasks } = useTaskContext();
 
+  // Extract and collect all unique tags from tasks when tasks change
+  useEffect(() => {
+    const uniqueTags = new Set();
+    
+    // Collect all tags from all tasks
+    tasks.forEach(task => {
+      if (task.tags && Array.isArray(task.tags)) {
+        task.tags.forEach(tag => uniqueTags.add(tag));
+      }
+    });
+    
+    // Add these to our existing tags (without duplicates)
+    const updatedTags = Array.from(uniqueTags);
+    setTags(prevTags => {
+      const allTags = new Set([...prevTags, ...updatedTags]);
+      return Array.from(allTags);
+    });
+  }, [tasks]);
+
   const addTag = (tag) => {
     if (!tags.includes(tag)) {
       setTags([...tags, tag]);

src/features/lists/components/TaskBoard.jsx

@@ -113,7 +113,8 @@ function TaskBoard() {
       <div className="flex flex-wrap gap-4" data-testid="task-lists-container">
         {taskLists.map(list => {
           const filteredTasks = getFilteredTasks(list.filters, tasks);
-          const hasCompletedTasks = filteredTasks.some(task => task.isCompleted);
+          const completedTasksCount = filteredTasks.filter(task => task.isCompleted).length;
+          const hasCompletedTasks = completedTasksCount > 0;
           const allTasksCompleted = filteredTasks.length > 0 && filteredTasks.every(task => task.isCompleted);
 
           return (
@@ -132,7 +133,13 @@ function TaskBoard() {
                 <>
                   <div className="list-header p-4 border-b border-neutral-100 flex justify-between items-center">
                     <h2 className="font-medium text-lg" data-testid={`list-title-${list.id}`}>{list.title}</h2>
-                    <div className="flex gap-2">
+                    <div className="flex items-center gap-2">
+                      <span 
+                        className="text-xs font-medium text-neutral-500 bg-neutral-100 px-2 py-0.5 rounded"
+                        data-testid={`task-count-${list.id}`}
+                      >
+                        {completedTasksCount}/{filteredTasks.length}
+                      </span>
                       <button 
                         type="button"
                         className="text-sm text-neutral-500 hover:text-neutral-700 px-2 py-1 hover:bg-neutral-100 rounded"