feat: enhance redis and production IA

frontend/src/components/Layout.tsx

@@ -47,6 +47,7 @@ export default function Layout() {
   const themeOption = useMemo(() => THEME_OPTIONS.find(o => o.id === theme), [theme]);
   const themeIcon = useMemo(() => {
     if (!themeOption) return <Monitor className="w-4 h-4" />;
+    if (themeOption.isDark === 'system') return <Monitor className="w-4 h-4" />;
     if (themeOption.isDark) return <Moon className="w-4 h-4" />;
     return <Sun className="w-4 h-4" />;
   }, [themeOption]);
@@ -94,13 +95,13 @@ export default function Layout() {
                             + 'hover:ml-0.5')
                       }
                     >
-                      {/* Active indicator bar - gradient with glow */}
+                      {/* Active indicator bar */}
                       {isActive && (
                         <div
                           className="absolute left-0 top-1/2 -translate-y-1/2 w-[3px] h-5 rounded-r animate-[slideInLeft_200ms_ease-out]"
                           style={{
-                            background: 'linear-gradient(180deg, var(--dg-blue), var(--dg-purple, var(--dg-blue)))',
-                            boxShadow: '0 0 8px 1px var(--dg-blue), 0 0 16px 2px color-mix(in srgb, var(--dg-blue) 40%, transparent)',
+                            background: 'var(--dg-blue)',
+                            boxShadow: '0 0 0 1px color-mix(in srgb, var(--dg-blue) 30%, transparent)',
                           }}
                         />
                       )}