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/data/education.ts

@@ -1,11 +1,12 @@
 import type { Locale, Localized } from '@/i18n/content';
+import { portfolioImage, type PortfolioImage } from '@/types/media';
 
 export interface EducationItem {
   degree: string;
   institution: string;
   date: string;
   description: string;
-  logo: string;
+  logo: PortfolioImage;
 }
 
 type EducationCopy = Omit<EducationItem, 'logo'>;
@@ -29,7 +30,7 @@ const educationContent: Localized<EducationCopy> = {
 
 export const getEducation = (locale: Locale): EducationItem => ({
   ...educationContent[locale],
-  logo: '/images/logo-guilan-crest.png',
+  logo: portfolioImage('/images/logo-guilan-crest.png', 204, 144),
 });
 
 export const education = getEducation('en');