fix: use next/og instead of @vercel/og for ImageResponse

The @vercel/og module was failing to bundle correctly on Vercel's Node.js
runtime with error "Cannot find module index.node.js". Using Next.js's
built-in ImageResponse from next/og resolves this issue.

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

Author: devakone

apps/web/.gitignore

@@ -0,0 +1,2 @@
+.vercel
+.env*.local

apps/web/src/app/api/og/analysis/[jobId]/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 import { createSupabaseServerClient } from "@/lib/supabase/server";
 import { computeShareCardMetrics } from "@/lib/vcp/metrics";
 import { isVibeAxes } from "@/lib/vcp/validators";

apps/web/src/app/api/og/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 
 export const runtime = "edge";
 

apps/web/src/app/api/og/u/[username]/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 import { createClient } from "@supabase/supabase-js";
 import { getPersonaAura } from "@/lib/persona-auras";
 

apps/web/src/app/api/share-debug/route.ts

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 
 export const runtime = "nodejs";
 

apps/web/src/app/api/share/[format]/[userId]/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 import { createClient } from "@supabase/supabase-js";
 import { getPersonaAura } from "@/lib/persona-auras";
 

apps/web/src/app/api/share/story/[userId]/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "@vercel/og";
+import { ImageResponse } from "next/og";
 import QRCode from "qrcode";
 import { createSupabaseServerClient } from "@/lib/supabase/server";
 import { computeShareCardMetrics } from "@/lib/vcp/metrics";