feat: render locale-aware portfolio routes

src/components/EducationSection.tsx

@@ -1,15 +1,18 @@
-import React from 'react';
 import Image from 'next/image';
-import { education } from '@/data/education';
+import { getEducation } from '@/data/education';
+import { messagesByLocale, type Locale } from '@/i18n/content';
 import styles from './EducationSection.module.css';
 
-export const EducationSection: React.FC = () => {
+export const EducationSection = ({ locale }: { locale: Locale }) => {
+  const education = getEducation(locale);
+  const copy = messagesByLocale[locale].education;
+
   return (
     <section id="education" className={styles.educationSection}>
       <div className="content-container">
         <div className="section-header" data-reveal="soft">
           <div className="section-title-wrap">
-            <h2 className="section-title">Where I Built the Foundation</h2>
+            <h2 className="section-title">{copy.title}</h2>
             <div className="section-underline" />
           </div>
         </div>