refactor: enhance TimerPage layout and functionality; update theme and tokens for improved design consistency

- Refactored TimerPage component to improve layout and user experience.
- Updated theme configuration to utilize design tokens for better maintainability.
- Introduced new tokens for colors and typography to align with design principles.
- Simplified state management and improved timer functionality.
- Enhanced accessibility and responsiveness of UI elements.

backend/app/services/stats.py

@@ -66,12 +66,10 @@ def day_metrics(session: Session, settings: AppSettings, day: date) -> dict[str,
     dropped_seconds = sum(r.actual_seconds for r in work_dropped)
 
     by_hour = Counter(to_local(r.started_at, tz_name).hour for r in work_done)
+    # Closed in Jira / Todoist / Google and noticed by a refresh — this app
+    # never ticks a task off itself.
     tasks = list(
-        session.scalars(
-            select(TaskRecord).where(
-                TaskRecord.completed_date == day, TaskRecord.completed_here.is_(True)
-            )
-        )
+        session.scalars(select(TaskRecord).where(TaskRecord.completed_date == day))
     )
 
     blocks = list(
@@ -272,7 +270,7 @@ def lifetime(session: Session, settings: AppSettings) -> dict[str, Any]:
         )
     ).one()
     tasks = session.scalar(
-        select(func.count(TaskRecord.id)).where(TaskRecord.completed_here.is_(True))
+        select(func.count(TaskRecord.id)).where(TaskRecord.completed_date.is_not(None))
     )
     blocked = session.scalar(select(func.count(BlockEvent.id)))
     return {