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.

desktop/kadence_desktop/config.py

@@ -38,6 +38,38 @@ class DesktopConfig:
 
     start_minimized: bool = False
     close_to_tray: bool = True
+    view_only: bool = False
+    """When true, the app runs in view-only mode with the timer turned off."""
+
+    # ---- the floating mini timer ------------------------------------------
+    mini_timer: bool = True
+    """Allow the small always-on-top countdown window at all."""
+
+    mini_timer_auto: bool = True
+    """Show it by itself while an interval runs and the main window is away."""
+
+    mini_timer_keep_above: bool = True
+    """On KDE, install a KWin rule so it really floats above every window.
+
+    Wayland gives an application no way to ask for "always on top", so this is
+    the only honest route; see `integrations.keep_above`. Switching it off
+    removes the rule again.
+    """
+
+    mini_timer_corner: str = "bottom-right"
+    """Where it appears: a screen corner, an edge centre, or `remember`.
+
+    One of: top-left, top-centre, top-right, bottom-left, bottom-centre,
+    bottom-right, centre, remember. `remember` puts it back where you last
+    dragged it instead.
+    """
+
+    mini_timer_margin: int = 24
+    """Gap between the mini timer and the screen edges, in pixels."""
+
+    mini_timer_x: int = -1
+    mini_timer_y: int = -1
+    """Where it was last dragged to. -1 = let the compositor place it."""
 
     # ---- system integration (each one is a real desktop feature) -----------
     tray_icon: bool = True