4.13.4: Клик по заголовку раскрывает задачи

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "4.13.3",
+  "version": "4.13.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/components/TaskList.css

@@ -551,6 +551,19 @@
   justify-content: space-between;
 }
 
+.project-group-header-clickable {
+  cursor: pointer;
+  padding: 0.5rem;
+  margin: -0.5rem -0.5rem -0.5rem -0.5rem;
+  margin-bottom: 0.5rem;
+  border-radius: 0.375rem;
+  transition: background-color 0.2s;
+}
+
+.project-group-header-clickable:hover {
+  background-color: #f9fafb;
+}
+
 .project-group-title {
   font-size: 1.125rem;
   font-weight: 600;

play-life-web/src/components/TaskList.jsx

@@ -913,12 +913,19 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
 
         return (
           <div key={projectName} className={`project-group ${!hasNotCompleted ? 'project-group-no-tasks' : ''}`}>
-            <div className="project-group-header">
+            <div 
+              className={`project-group-header ${hasCompleted ? 'project-group-header-clickable' : ''}`}
+              onClick={hasCompleted ? () => toggleCompletedExpanded(projectName) : undefined}
+              title={hasCompleted ? (isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные') : undefined}
+            >
               <h3 className={`project-group-title ${!hasNotCompleted ? 'project-group-title-empty' : ''}`}>{projectName}</h3>
               {hasCompleted && (
                 <button
                   className="completed-toggle-header"
-                  onClick={() => toggleCompletedExpanded(projectName)}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    toggleCompletedExpanded(projectName)
+                  }}
                   title={isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные'}
                 >
                   <span className="completed-toggle-icon">