feat: align experience typography and spacing

src/components/ExperienceSection.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import Image from 'next/image';
-import { MapPin } from 'lucide-react';
 import { experiences } from '@/data/experience';
 import styles from './ExperienceSection.module.css';
 
@@ -42,7 +41,20 @@ export const ExperienceSection: React.FC = () => {
                   <div className={styles.metaRow}>
                     <span className={styles.dateBadge}>{item.date}</span>
                     <div className={styles.locationWrapper}>
-                      <MapPin size={14} className={styles.locationIcon} />
+                      <svg
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        className={styles.locationIcon}
+                      >
+                        <path
+                          fill="currentColor"
+                          fillRule="evenodd"
+                          d="M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 4.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"
+                          clipRule="evenodd"
+                        />
+                      </svg>
                       <span className={styles.locationText}>{item.location}</span>
                     </div>
                   </div>