refactor(ui): adjust hero section styling and content

Refactor the Hero component to improve visual spacing and update descriptive text for clarity.
- Adjusted `h1` margin-bottom and text color for better visual hierarchy.
- Updated the descriptive paragraph to be more concise and impactful.
- Modified the scroll indicator's bottom position for improved placement.
- Ensured `html` and `body` elements prevent horizontal overflow.
- Applied `max-w-full` to canvas elements to prevent layout issues.
- Updated `portfolio-data.json` to refine skill categories and add new skills (Python, Docker, Cloudflare).

public/portfolio-data.json

@@ -111,17 +111,24 @@
         "icon": "Database",
         "color": "text-blue-400",
         "bgColor": "bg-blue-500/20",
-        "skills": ["Node.js", "PHP", "MySQL", "APIs RESTful", "Firebase"]
+        "skills": [
+          "Node.js",
+          "PHP",
+          "MySQL",
+          "Python",
+          "APIs RESTful",
+          "Firebase"
+        ]
       },
       {
         "category": "DevOps & Tools",
         "icon": "GitBranch",
         "color": "text-blue-400",
         "bgColor": "bg-blue-500/20",
-        "skills": ["GitHub Actions", "Git", "Jest & Testing", "Vercel", "CI/CD"]
+        "skills": ["GitHub Actions", "Git", "Vercel", "Docker", "Cloudflare"]
       },
       {
-        "category": "Especialidades",
+        "category": "Foco",
         "icon": "Cpu",
         "color": "text-blue-400",
         "bgColor": "bg-blue-500/20",