feat(about, contact, header, hero, skills): enhance component structure and navigation

- Added section IDs to About, Contact, and Hero components for improved navigation and accessibility.
- Refactored Header component to utilize a structured navigation array, enhancing maintainability and responsiveness.
- Updated Skills component to improve type handling and visual consistency, including a loading state and error handling.
- Adjusted styling and animations across components for a smoother user experience and better visual appeal.

app/components/About.tsx

@@ -97,7 +97,7 @@ const StoryCard = ({ step, index }: { step: StoryStep; index: number }) => {
 
 export default function About() {
   return (
-    <section className="relative py-24 bg-[#030712] overflow-hidden">
+    <section id="about" className="relative py-24 bg-[#030712] overflow-hidden">
       {/* Background Decor (Engenharia Visual) */}
       <div className="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full pointer-events-none">
         <div className="absolute top-0 left-1/4 w-96 h-96 bg-blue-600/10 rounded-full blur-[120px]" />