fix: adjust mobile header logo size to prevent clipping

[DavidAlexandre93]

Motivation

• Fix the mobile header where the profile image and top area were visually clipped on small screens by reducing vertical space and the logo size.

Description

• Updated src/components/sections/Header/styles.ts to add padding: 1rem 0 in the @media (max-width: 768px) rule and reduced the mobile .profileLogo size to 9.6rem (previously 16.8rem) while leaving desktop/tablet behavior unchanged.

Testing

• Ran npm run lint which failed due to missing ESLint configuration in the environment.
• Ran npm run typecheck which failed due to missing local dependencies/type packages.
• Attempted npm install which failed with an HTTP 403 preventing dependency installation and caused npm run dev to fail because vite was not available.

---

Codex Task

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 7 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/david-alexandre-fernandes-projects?upgradeToPro=build-rate-limit

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.