feat: optimize layout for mobile devices (Pixel 9 Pro)

src/app/page.tsx

@@ -102,7 +102,7 @@ export default function Home() {
     }
 
     return (
-        <main className="flex min-h-screen flex-col items-center gap-12 p-6 md:p-24 bg-zinc-50 dark:bg-black">
+        <main className="flex min-h-screen flex-col items-center gap-6 md:gap-12 p-4 md:p-24 bg-zinc-50 dark:bg-black">
             <div className="z-10 max-w-5xl w-full flex flex-col items-center gap-8">
                 <header className="w-full flex justify-between items-center">
                     <h1 className="text-4xl font-black text-zinc-900 dark:text-white tracking-tighter">