feat: add environment-based CSS theming with configurable colors and branding

src/components/navigation/AppSidebar.tsx

@@ -23,6 +23,7 @@ import { SecuirdLogo } from "@/components/branding/SecuirdLogo";
 import { NavLink } from "@/components/NavLink";
 import { useAuth } from "@/contexts/AuthContext";
 import { useOrg } from "@/contexts/OrgContext";
+import { config } from "@/config";
 import {
   Sidebar,
   SidebarContent,
@@ -104,7 +105,7 @@ export function AppSidebar() {
           <SecuirdLogo size="sm" variant="light" />
           {!collapsed && (
             <span className="text-lg font-semibold text-sidebar-foreground tracking-tight">
-              Secuird
+              {config.app.name}
             </span>
           )}
         </div>
@@ -221,7 +222,7 @@ export function AppSidebar() {
       <SidebarFooter className="p-4 border-t border-sidebar-border">
         {!collapsed && (
           <div className="text-xs text-sidebar-muted">
-            {import.meta.env.VITE_APP_VERSION ?? 'Secuird'}
+            {import.meta.env.VITE_APP_VERSION ?? config.app.name}
           </div>
         )}
       </SidebarFooter>