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/Contact.tsx

@@ -76,7 +76,7 @@ export default function Contact() {
     "text-xs font-bold text-slate-500 uppercase tracking-widest mb-2 flex items-center gap-2";
 
   return (
-    <section className="w-full max-w-2xl mx-auto p-6">
+    <section id="contact" className="w-full max-w-2xl mx-auto p-6">
       <form onSubmit={handleSubmit} className="space-y-6">
         <div className="grid md:grid-cols-2 gap-6">
           {/* Nome */}