Add interactive calendar tooltip to Waybar clock

Configure Waybar clock module with an interactive calendar tooltip that:
- Displays current month view with color-coded elements
- Switches between month/year view on middle click
- Scrolls through months/years with mouse wheel
- Shows week numbers on the right
- Highlights today's date

Calendar styling features:
- Months: beige/cream colored headers
- Days: light pink text
- Week numbers: cyan with bold formatting
- Weekdays: yellow/gold headers
- Today: pink with underline and bold

Configuration based on Waybar Clock module documentation:
https://github.com/Alexays/Waybar/wiki/Module:-Clock#style

Author: robertobarreda

config/waybar/config.jsonc

@@ -61,7 +61,26 @@
   "clock": {
     "format": "{:L%A %H:%M}",
     "format-alt": "{:L%d %B W%V %Y}",
-    "tooltip": false,
+    "locale": "en_GB.UTF-8", // week start on Monday
+    "tooltip-format": "<tt><small>{calendar}</small></tt>",
+    "calendar": {
+      "mode": "month",
+      "mode-mon-col": 3,
+      "weeks-pos": "right",
+      "on-scroll": 1,
+      "format": {
+        "months": "<span color='#ffead3'><b>{}</b></span>",
+        "days": "<span color='#ecc6d9'>{}</span>",
+        "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
+        "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
+        "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
+      }
+    },
+    "actions": {
+      "on-click-middle": "mode",
+      "on-scroll-up": "shift_up",
+      "on-scroll-down": "shift_down"
+    },
     "on-click-right": "omarchy-launch-floating-terminal-with-presentation omarchy-tz-select"
   },
   "network": {