fix: show list count badges on someday tab buttons

Display number of lists per tab in a circle badge next to the tab name.
"All" shows total count, each tab shows its filtered count.

v1.26.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {

src/app/globals.css

@@ -1533,6 +1533,26 @@ h3 {
   color: #fff;
 }
 
+.someday-tab-count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: var(--weekly-hover-bg, rgba(0, 0, 0, 0.08));
+  font-size: 0.65rem;
+  font-weight: 600;
+  line-height: 1;
+  margin-left: 2px;
+}
+
+.someday-tab-btn-h.active .someday-tab-count {
+  background: rgba(255, 255, 255, 0.25);
+  color: #fff;
+}
+
 /* Someday Tab Wrapper with dissolve button */
 .someday-tab-wrapper-h {
   position: relative;

src/components/WeeklyView.tsx

@@ -6511,7 +6511,7 @@ export default function WeeklyView() {
                                     <button
                                         className={`someday-tab-btn-h ${activeSomedayTab === null ? "active" : ""}`}
                                         onClick={() => setSomedayTab(null)}
-                                    >{t.allTabs}</button>
+                                    >{t.allTabs} <span className="someday-tab-count">{somedayLists.length}</span></button>
                                     {somedayTabs.map(tab => (
                                         editingTabName === tab ? (
                                             <input
@@ -6548,7 +6548,7 @@ export default function WeeklyView() {
                                                         setRenamingTabValue(tab);
                                                     }}
                                                     title={t.renameTab}
-                                                >{tab}</button>
+                                                >{tab} <span className="someday-tab-count">{somedayLists.filter(l => l.tab === tab).length}</span></button>
                                                 <button
                                                     className="someday-tab-dissolve-h"
                                                     onClick={(e) => { e.stopPropagation(); dissolveTab(tab); }}