feat: AI SEO generator, full admin panel, i18n sweep, new logo + auth/RTL fixes

AI SEO content generator
- content-svc: per-tenant OpenAI config (ai_settings) + /v1/ai endpoints
  (settings GET/PUT, seo-post) with SEO-expert prompt → structured article
- admin UI to configure token/base-url/model and generate + save as blog
- configurable base URL for restricted networks

Full data-driven admin panel
- generic /api/admin/resource proxy + reusable AdminResource component
- categories/tags/fonts/blogs (CRUD), users (list + ban), plans/slides
- AI content section; nav + i18n

i18n localization sweep
- localized 116 user-facing + studio/editor components to next-intl (fa+en)
  under the auto.* namespace; merge tooling in scripts/merge-i18n.js

Branding + assets
- Monoline F logo (LogoMark + favicon)
- offline SVG placeholder generator (/api/placeholder), dropped picsum.photos

Fixes
- JWT issuer mismatch on content/studio (flatrender → flatrender-identity)
- missing role claim → [Authorize(Roles="Admin")] now works (RBAC)
- Secure cookies broke HTTP sessions → gated behind AUTH_COOKIE_SECURE
- Radix RTL via DirectionProvider (right-aligned menus in fa)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/templates/video/VideoTemplatesCategorySidebar.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import type { ComponentType } from "react";
+import { useTranslations } from "next-intl";
 import {
   Clapperboard,
   Gift,
@@ -26,22 +27,22 @@ import { cn } from "@/lib/utils";
 
 const SIDEBAR_CATEGORIES: {
   id: VideoSidebarCategoryId;
-  label: string;
+  labelKey: string;
   icon: ComponentType<{ className?: string }>;
   count?: number;
 }[] = [
-  { id: "all", label: "All Templates", icon: LayoutGrid },
-  { id: "animation", label: "Animation Videos", icon: Play, count: 418 },
-  { id: "intros", label: "Intros and Logos", icon: Clapperboard, count: 851 },
-  { id: "editing", label: "Video Editing", icon: Scissors },
-  { id: "invitation", label: "Invitation Videos", icon: Mail },
-  { id: "holiday", label: "Holiday Videos", icon: Gift },
-  { id: "slideshow", label: "Slideshow", icon: Images },
-  { id: "presentations", label: "Presentations", icon: Monitor },
-  { id: "social", label: "Social Media Videos", icon: Share2 },
-  { id: "ads", label: "Video Ad Templates", icon: Megaphone },
-  { id: "sales", label: "Sales Videos", icon: TrendingUp },
-  { id: "music", label: "Music Visualization", icon: Music2 },
+  { id: "all", labelKey: "categoryAll", icon: LayoutGrid },
+  { id: "animation", labelKey: "categoryAnimation", icon: Play, count: 418 },
+  { id: "intros", labelKey: "categoryIntros", icon: Clapperboard, count: 851 },
+  { id: "editing", labelKey: "categoryEditing", icon: Scissors },
+  { id: "invitation", labelKey: "categoryInvitation", icon: Mail },
+  { id: "holiday", labelKey: "categoryHoliday", icon: Gift },
+  { id: "slideshow", labelKey: "categorySlideshow", icon: Images },
+  { id: "presentations", labelKey: "categoryPresentations", icon: Monitor },
+  { id: "social", labelKey: "categorySocial", icon: Share2 },
+  { id: "ads", labelKey: "categoryAds", icon: Megaphone },
+  { id: "sales", labelKey: "categorySales", icon: TrendingUp },
+  { id: "music", labelKey: "categoryMusic", icon: Music2 },
 ];
 
 interface VideoTemplatesCategorySidebarProps {
@@ -65,8 +66,9 @@ export function VideoTemplatesCategorySidebar({
   showFilters,
   onToggleFilters,
 }: VideoTemplatesCategorySidebarProps) {
+  const t = useTranslations("auto.componentsTemplatesVideoVideoTemplatesCategorySidebar");
   return (
-    <nav aria-label="Template categories" className="sticky top-24">
+    <nav aria-label={t("categoriesNavLabel")} className="sticky top-24">
       <ul className="space-y-0.5">
         {SIDEBAR_CATEGORIES.map((category) => {
           const Icon = category.icon;
@@ -90,7 +92,7 @@ export function VideoTemplatesCategorySidebar({
                   )}
                   aria-hidden
                 />
-                <span className="min-w-0 flex-1 truncate text-left">{category.label}</span>
+                <span className="min-w-0 flex-1 truncate text-left">{t(category.labelKey)}</span>
                 {category.count !== undefined ? (
                   <span className="ml-auto rounded bg-gray-100 px-1.5 py-0.5 text-[11px] text-gray-500">
                     {category.count}
@@ -111,7 +113,7 @@ export function VideoTemplatesCategorySidebar({
         className="flex w-full cursor-pointer items-center gap-2.5 rounded-lg px-3 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2"
       >
         <SlidersHorizontal className="h-4 w-4 text-gray-500" aria-hidden />
-        Filters
+        {t("filters")}
       </button>
 
       {showFilters ? (
@@ -123,7 +125,7 @@ export function VideoTemplatesCategorySidebar({
             className="justify-between"
           />
           <div className="space-y-1.5">
-            <p className="text-xs font-medium text-gray-500">Size</p>
+            <p className="text-xs font-medium text-gray-500">{t("sizeLabel")}</p>
             <VideoTemplatesSizeSelect
               value={aspectRatio}
               onValueChange={onAspectRatioChange}