perf: optimize portfolio runtime delivery

Replace the blocking asset loader with progressive rendering, defer expensive media and Three.js work, and reduce hydration and animation costs. Move deployment from a static Nginx export to the standalone Next.js runtime with optimized dynamic images.

src/components/RiverJourney.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import {
   Code2,
   GraduationCap,
@@ -7,7 +5,7 @@ import {
   PanelsTopLeft,
   Rocket,
 } from 'lucide-react';
-import { AboutRiverScene } from './scenes/AboutRiverScene';
+import { DeferredAboutRiverScene } from './scenes/DeferredAboutRiverScene';
 import { messagesByLocale, type Locale } from '@/i18n/content';
 import styles from './RiverJourney.module.css';
 
@@ -18,7 +16,7 @@ export const RiverJourney = ({ locale }: { locale: Locale }) => {
 
   return (
     <section id="about" className={styles.journeySection} aria-labelledby="about-title">
-      <AboutRiverScene />
+      <DeferredAboutRiverScene />
       {/* Intro Header & Description on the Left */}
       <div className={styles.introBlock} data-reveal="scale">
         <span className={styles.eyebrow}>{copy.eyebrow}</span>