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/pages/SettingsPage.tsx

@@ -585,7 +585,7 @@ export function SettingsPage() {
       </Card>
 
       {/* Display Settings */}
-      <Card className="p-6">
+      <div className="py-4">
         <h2 className="text-lg font-semibold text-foreground flex items-center gap-2 mb-4">
           <Settings className="w-5 h-5" />
           {formatMessage({ id: 'settings.sections.display' })}
@@ -607,7 +607,7 @@ export function SettingsPage() {
             </Button>
           </div>
         </div>
-      </Card>
+      </div>
 
       {/* Reset Settings */}
       <Card className="p-6 border-destructive/50">