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/sections/PricingCompareTable.tsx

@@ -2,6 +2,7 @@
 
 import { Fragment } from "react";
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
 import { PricingAnimatedPrice } from "@/components/sections/PricingAnimatedPrice";
 import { PricingBillingToggle } from "@/components/sections/PricingBillingToggle";
@@ -62,6 +63,7 @@ function PlanHeaderCell({
   tier: PricingTier;
   billing: BillingPeriod;
 }) {
+  const t = useTranslations("auto.componentsSectionsPricingCompareTable");
   const highlighted = tier.highlighted ?? false;
   const isStripePlan = tier.id === "pro" || tier.id === "business";
 
@@ -74,7 +76,7 @@ function PlanHeaderCell({
     >
       {highlighted ? (
         <span className="mb-2 inline-block rounded-full bg-gradient-to-r from-violet-500 to-blue-600 px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-white">
-          Most Popular
+          {t("mostPopular")}
         </span>
       ) : (
         <span className="mb-2 block h-5" aria-hidden />
@@ -118,6 +120,7 @@ export function PricingCompareTable({
   billing,
   onBillingChange,
 }: PricingCompareTableProps) {
+  const t = useTranslations("auto.componentsSectionsPricingCompareTable");
   const lite = PRICING_TIERS.find((t) => t.id === "lite");
   const pro = PRICING_TIERS.find((t) => t.id === "pro");
   const business = PRICING_TIERS.find((t) => t.id === "business");
@@ -131,7 +134,7 @@ export function PricingCompareTable({
           <tr className="border-b border-gray-100">
             <th className="w-[38%] px-6 pb-4 pt-6 text-left align-top">
               <h3 className="bg-gradient-to-r from-blue-600 to-violet-600 bg-clip-text font-heading text-lg font-bold text-transparent sm:text-xl">
-                Compare Plans &amp; Features
+                {t("compareHeading")}
               </h3>
               <div className="mt-4 items-start">
                 <PricingBillingToggle
@@ -141,7 +144,7 @@ export function PricingCompareTable({
                 />
               </div>
               <p className="mt-3 flex items-center gap-1 text-xs font-bold uppercase tracking-wide text-blue-600">
-                Save up to {COMPARE_ANNUAL_SAVINGS_BADGE}%
+                {t("saveUpTo", { percent: COMPARE_ANNUAL_SAVINGS_BADGE })}
                 <SavingsArrowIcon />
               </p>
             </th>