perf: fix TBT/LCP/a11y — disable shader animation, cache APIs, fix images

Co-authored-by: denshooter <44590296+denshooter@users.noreply.github.com>

app/api/messages/route.ts

@@ -1,13 +1,18 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getMessages } from "@/lib/directus";
 
+const CACHE_TTL = 300; // 5 minutes
+
 export async function GET(request: NextRequest) {
   const { searchParams } = new URL(request.url);
   const locale = searchParams.get("locale") || "en";
 
   try {
     const messages = await getMessages(locale);
-    return NextResponse.json({ messages });
+    return NextResponse.json(
+      { messages },
+      { headers: { "Cache-Control": `public, s-maxage=${CACHE_TTL}, stale-while-revalidate=${CACHE_TTL * 2}` } }
+    );
   } catch {
     return NextResponse.json({ messages: {} }, { status: 500 });
   }