feat: Add initial portfolio UI components and skill definitions.

app/components/Experience.tsx

@@ -1,10 +1,11 @@
-"use client";
+"use client";
 
 import { useMemo } from "react";
 import { motion, type Variants, useReducedMotion } from "framer-motion";
 import { usePortfolioData } from "@/lib/usePortfolioData";
 import { Section } from "./Section";
 import { DrawLine } from "./animations/DrawLine";
+import MagneticButton from "./cinematic/MagneticButton";
 import { SectionLoading } from "./SectionLoading";
 
 export default function Experience() {
@@ -107,9 +108,9 @@ export default function Experience() {
 
             <ul className="ds-tags mt-sp-6">
               {exp.technologies?.slice(0, 6).map((tech) => (
-                <li key={tech} className="ds-tag">
+                <MagneticButton key={tech} as="li" className="ds-tag" strength={0.15}>
                   {tech}
-                </li>
+                </MagneticButton>
               ))}
             </ul>
           </motion.article>