refactor(content): improve section clarity and accessibility

src/components/ExperienceSection.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React from 'react';
 import Image from 'next/image';
 import { experiences } from '@/data/experience';
@@ -9,9 +7,7 @@ export const ExperienceSection: React.FC = () => {
   return (
     <section id="experience" className={styles.experienceSection}>
       <div className="content-container">
-        {/* Section Header */}
         <div className="section-header">
-          <span className="section-eyebrow">EXPERIENCES</span>
           <div className="section-title-wrap">
             <h2 className="section-title">Where I&apos;ve Made an Impact</h2>
             <div className="section-underline" />
@@ -21,13 +17,14 @@ export const ExperienceSection: React.FC = () => {
         {/* Timeline Container */}
         <div className={styles.timeline}>
           {experiences.map((item, index) => (
-            <div key={item.id} className={styles.timelineItem}>
+            <article key={item.id} className={styles.timelineItem}>
               {/* Vertical Spine & Node Indicator */}
               <div className={styles.spineColumn}>
                 <div
                   className={`${styles.nodeDot} ${
                     item.isCurrent ? styles.nodeCurrent : ''
                   }`}
+                  aria-hidden="true"
                 />
                 {index < experiences.length - 1 && (
                   <div className={styles.verticalLine} />
@@ -84,14 +81,14 @@ export const ExperienceSection: React.FC = () => {
                   <ul className={styles.bulletList}>
                     {item.bullets.map((bullet, bIdx) => (
                       <li key={bIdx} className={styles.bulletItem}>
-                        <span className={styles.bulletDot} />
+                        <span className={styles.bulletDot} aria-hidden="true" />
                         <span className={styles.bulletText}>{bullet}</span>
                       </li>
                     ))}
                   </ul>
                 </div>
               </div>
-            </div>
+            </article>
           ))}
         </div>
       </div>