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/properties/CommonLayerControls.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useRef, useState } from "react";
+import { useTranslations } from "next-intl";
 import { ArrowDown, ArrowUp, Trash2 } from "lucide-react";
 
 import {
@@ -17,6 +18,7 @@ interface CommonLayerControlsProps {
 }
 
 export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
+  const t = useTranslations("auto.componentsStudioPropertiesCommonLayerControls");
   const [aspectLocked, setAspectLocked] = useState(false);
   const aspectRatioRef = useRef(layer.width / layer.height || 1);
   const { update } = useLayerUpdater(layer);
@@ -44,7 +46,7 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
 
   return (
     <>
-      <PanelSection title="Transform">
+      <PanelSection title={t("transformTitle")}>
         <div className="grid grid-cols-2 gap-2">
           <PropertyNumberInput
             label="X"
@@ -60,13 +62,13 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
         <div className="flex items-end gap-2">
           <div className="grid flex-1 grid-cols-2 gap-2">
             <PropertyNumberInput
-              label="Width"
+              label={t("widthLabel")}
               value={layer.width}
               min={8}
               onChange={setWidth}
             />
             <PropertyNumberInput
-              label="Height"
+              label={t("heightLabel")}
               value={layer.height}
               min={8}
               onChange={setHeight}
@@ -85,13 +87,13 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
           />
         </div>
         <PropertyNumberInput
-          label="Rotation (°)"
+          label={t("rotationLabel")}
           value={layer.rotation}
           onChange={(rotation) => update({ rotation })}
         />
       </PanelSection>
 
-      <PanelSection title="Layer order">
+      <PanelSection title={t("layerOrderTitle")}>
         <div className="grid grid-cols-2 gap-2">
           <button
             type="button"
@@ -99,7 +101,7 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
             className="flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-2 text-[11px] text-gray-600 hover:border-gray-300 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
           >
             <ArrowUp className="h-3.5 w-3.5" aria-hidden />
-            To front
+            {t("toFront")}
           </button>
           <button
             type="button"
@@ -107,7 +109,7 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
             className="flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-2 text-[11px] text-gray-600 hover:border-gray-300 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
           >
             <ArrowDown className="h-3.5 w-3.5" aria-hidden />
-            To back
+            {t("toBack")}
           </button>
         </div>
       </PanelSection>
@@ -118,7 +120,7 @@ export function CommonLayerControls({ layer }: CommonLayerControlsProps) {
         className="flex w-full items-center justify-center gap-2 rounded-lg border border-red-200 bg-red-50 px-3 py-2.5 text-xs font-medium text-red-500 transition-colors hover:border-red-300 hover:bg-red-100 hover:text-red-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500"
       >
         <Trash2 className="h-3.5 w-3.5" aria-hidden />
-        Delete layer
+        {t("deleteLayer")}
       </button>
     </>
   );