feat: enhance theme customization and UI components

- Implemented a new color generation module to create CSS variables based on a single hue value, supporting both light and dark modes.
- Added unit tests for the color generation logic to ensure accuracy and robustness.
- Replaced dropdown location filter with tab navigation in RulesManagerPage and SkillsManagerPage for improved UX.
- Updated app store to manage custom theme hues and states, allowing for dynamic theme adjustments.
- Sanitized notification content before persisting to localStorage to prevent sensitive data exposure.
- Refactored memory retrieval logic to handle archived status more flexibly.
- Improved Tailwind CSS configuration with new gradient utilities and animations.
- Minor adjustments to SettingsPage layout for better visual consistency.

ccw/frontend/src/locales/en/theme.json

@@ -1,13 +1,15 @@
 {
   "title": {
     "colorScheme": "Color Scheme",
-    "themeMode": "Theme Mode"
+    "themeMode": "Theme Mode",
+    "customHue": "Custom Hue"
   },
   "colorScheme": {
     "blue": "Classic Blue",
     "green": "Deep Green",
     "orange": "Vibrant Orange",
-    "purple": "Elegant Purple"
+    "purple": "Elegant Purple",
+    "custom": "Custom"
   },
   "themeMode": {
     "light": "Light",
@@ -17,5 +19,9 @@
     "colorScheme": "Select {name} theme",
     "themeMode": "Select {name} mode"
   },
-  "current": "Current theme: {name}"
+  "current": "Current theme: {name}",
+  "hueValue": "Hue: {value}°",
+  "preview": "Preview",
+  "save": "Save Custom Theme",
+  "reset": "Reset to Preset"
 }