fix(qa): resolve html validation errors and clean up unused dependencies

components/AboutContent.tsx

@@ -102,14 +102,15 @@ export default function About() {
                 <Reveal key={i} delay={i * 0.1}>
                   <div className="card-modern !p-6 hover:-translate-y-1 transition-[box-shadow,transform] duration-300 relative overflow-hidden tech-card-border">
                     <div className="flex justify-between items-start mb-4 relative z-10">
-                      <h3 className="text-xl font-bold text-primary">
+                      <h2 className="text-xl font-bold text-primary">
                         {person.name}
-                      </h3>
+                      </h2>
                       <a
                         href={person.linkedin}
                         target="_blank"
                         rel="noopener noreferrer"
                         className="text-[#0077b5] hover:scale-110 transition-transform"
+                        aria-label={`LinkedIn Profile of ${person.name}`}
                       >
                         <Linkedin size={20} />
                       </a>
@@ -154,9 +155,9 @@ export default function About() {
                       <div className="text-accent mb-6">
                         <Icon size={32} />
                       </div>
-                      <h4 className="text-xl font-bold text-white mb-4">
+                      <h3 className="text-xl font-bold text-white mb-4">
                         {i + 1}. {item.title}
-                      </h4>
+                      </h3>
                       <p className="text-slate-400 leading-relaxed">
                         {item.desc}
                       </p>