Оформление StackWorks и русский язык по умолчанию

Логотип и значок StackWorks, палитра и шрифты бренда, тёмные верхняя полоса и
боковое меню, язык интерфейса всегда русский, перевод схемы сервера по словарю
src/i18n/schema-ru.json (заполняется отдельно), рабочие файлы перевода в i18n-work.

Claude-Session: https://claude.ai/code/session_01BFaqS6mH9sa99RWghq2j46

src/components/layout/Sidebar.tsx

@@ -149,7 +149,7 @@ function SidebarSubItem({
         ref={isActive ? activeItemRef : undefined}
         className={cn(
           'w-full justify-start gap-2 font-normal',
-          isActive && 'bg-accent text-accent-foreground',
+          isActive && 'bg-accent text-accent-foreground sw-active',
           depth > 0 && 'text-sm',
         )}
         style={{ paddingLeft: `${(depth + 1) * 12 + 8}px` }}
@@ -241,7 +241,7 @@ function SidebarTopItem({
       <Button
         variant="ghost"
         ref={isActive ? activeItemRef : undefined}
-        className={cn('w-full justify-start gap-2 font-normal', isActive && 'bg-accent text-accent-foreground')}
+        className={cn('w-full justify-start gap-2 font-normal', isActive && 'bg-accent text-accent-foreground sw-active')}
         onClick={() => {
           if (isLocked) {
             onUpsell();
@@ -347,7 +347,7 @@ export function Sidebar() {
         className="fixed inset-0 top-14 z-20 bg-black/40 md:hidden"
         onClick={() => setSidebarOpen(false)}
       />
-      <aside className="fixed top-14 left-0 bottom-0 z-30 flex w-64 flex-col border-r bg-background">
+      <aside className="sw-aside fixed top-14 left-0 bottom-0 z-30 flex w-64 flex-col border-r bg-background">
         <div className="flex-1 overflow-y-auto py-2 [scrollbar-width:thin]">
           <nav className="flex flex-col gap-0.5 px-2">
             {layout.items.map((item) => (
@@ -367,7 +367,7 @@ export function Sidebar() {
 
         {layouts.length > 1 && (
           <TooltipProvider>
-            <div className="flex items-center justify-around border-t bg-background px-2 py-2">
+            <div className="sw-aside-foot flex items-center justify-around border-t bg-background px-2 py-2">
               {layouts.map((target) => {
                 const Icon = (LucideIcons as Record<string, unknown>)[
                   target.icon
@@ -386,7 +386,7 @@ export function Sidebar() {
                         aria-label={target.name}
                         aria-current={isActive ? 'page' : undefined}
                         onClick={() => handleSectionClick(target)}
-                        className={cn('h-9 w-9', isActive && 'bg-accent text-accent-foreground')}
+                        className={cn('h-9 w-9', isActive && 'bg-accent text-accent-foreground sw-active')}
                       >
                         {Icon ? <Icon className="h-4 w-4" /> : <LucideIcons.Circle className="h-4 w-4" />}
                       </Button>