fix(blog): optimize component share logic, typography, and modal layouts

apps/web/app/api/tweet/[id]/route.ts

@@ -0,0 +1,22 @@
+import { NextResponse } from 'next/server';
+import { getTweet } from 'react-tweet/api';
+
+export async function GET(
+    request: Request,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    const { id } = await params;
+
+    try {
+        const tweet = await getTweet(id);
+
+        if (!tweet) {
+            return NextResponse.json({ error: 'Tweet not found' }, { status: 404 });
+        }
+
+        return NextResponse.json({ data: tweet });
+    } catch (error) {
+        console.error('Error fetching tweet:', error);
+        return NextResponse.json({ error: 'Failed to fetch tweet' }, { status: 500 });
+    }
+}