perf: optimize PageSpeed Insights performance

- Suppress browser source map references to fix 404/SyntaxErrors
- Reduce legacy JS polyfills via browserslist config
- Optimize LCP by refining Hero animations and image sizes
- Implement video lazy loading and reduce SVG animation complexity
- Add preconnect hints for critical origins

components/home/VideoSection.tsx

@@ -6,14 +6,18 @@ export default function VideoSection() {
 
   return (
     <section className="relative h-[70vh] overflow-hidden bg-primary">
-      <video 
+      <video
         className="w-full h-full object-cover opacity-60"
-        autoPlay 
-        muted 
-        loop 
+        autoPlay
+        muted
+        loop
         playsInline
+        preload="none"
       >
-        <source src="/uploads/2024/12/making-of-metal-cable-on-factory-2023-11-27-04-55-16-utc-2.webm" type="video/mp4" />
+        <source
+          src="/uploads/2024/12/making-of-metal-cable-on-factory-2023-11-27-04-55-16-utc-2.webm"
+          type="video/webm"
+        />
       </video>
       <div className="absolute inset-0 bg-gradient-to-b from-primary/60 via-transparent to-primary/60 flex items-center justify-center">
         <div className="max-w-5xl px-6 text-center animate-slide-up">
@@ -22,9 +26,12 @@ export default function VideoSection() {
               future: (chunks) => (
                 <span className="relative inline-block mx-2">
                   <span className="relative z-10 italic text-accent">{chunks}</span>
-                  <Scribble variant="underline" className="w-full h-4 -bottom-2 left-0 text-accent/40" />
+                  <Scribble
+                    variant="underline"
+                    className="w-full h-4 -bottom-2 left-0 text-accent/40"
+                  />
                 </span>
-              )
+              ),
             })}
           </h2>
         </div>