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/studio/sidebar/TransitionsSidebarContent.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { Info } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 import { useStudioStore } from "@/lib/studio-store";
 import type { SceneTransition } from "@/lib/studio-types";
@@ -36,10 +37,12 @@ function optionToTransitionType(id: TransitionOptionId): SceneTransition {
 
 function TransitionOptionCard({
   option,
+  label,
   selected,
   onSelect,
 }: {
   option: (typeof TRANSITION_OPTIONS)[number];
+  label: string;
   selected: boolean;
   onSelect: () => void;
 }) {
@@ -63,13 +66,14 @@ function TransitionOptionCard({
         <span className="mx-auto h-2 w-3/4 rounded bg-white/30" aria-hidden />
       </div>
       <p className="bg-gray-100 py-1.5 text-center text-[11px] font-semibold text-gray-700">
-        {option.label}
+        {label}
       </p>
     </button>
   );
 }
 
 export function TransitionsSidebarContent() {
+  const t = useTranslations("auto.componentsStudioSidebarTransitionsSidebarContent");
   const scenes = useStudioStore((state) => state.scenes);
   const applyTransitionToAllScenes = useStudioStore(
     (state) => state.applyTransitionToAllScenes
@@ -91,7 +95,7 @@ export function TransitionsSidebarContent() {
   return (
     <aside className="flex h-full w-full flex-col overflow-hidden bg-white text-gray-900">
       <h2 className="shrink-0 border-b border-gray-200 px-3 py-3 text-xs font-semibold uppercase tracking-wide text-gray-400">
-        Transitions
+        {t("heading")}
       </h2>
 
       <div className="grid grid-cols-2 gap-2 p-2">
@@ -99,6 +103,7 @@ export function TransitionsSidebarContent() {
           <TransitionOptionCard
             key={option.id}
             option={option}
+            label={option.id === "random" ? t("randomTransition") : t("noTransition")}
             selected={selectedOption === option.id}
             onSelect={() => handleSelect(option.id)}
           />
@@ -107,7 +112,7 @@ export function TransitionsSidebarContent() {
 
       <div className="flex items-start gap-2 px-3 py-2 text-[10px] leading-relaxed text-gray-500">
         <Info className="mt-0.5 h-3 w-3 shrink-0 text-gray-600" aria-hidden />
-        <p>Applied transitions will be visible on all scenes after export.</p>
+        <p>{t("exportNote")}</p>
       </div>
     </aside>
   );