EMULSIF-305: Add header component

[josue2591]

Tickets

https://fourkitchens.clickup.com/t/36718269/EMULSIF-305

Summary

Adds a header component

How to review this pull request

• Navigate to the Header component implementation.
• Verify that the Header UI styles and layout are consistent with the approved Figma specifications (spacing, typography, colors, alignment, and responsiveness).
• Validate that the main navigation menu functions correctly, including routing, active states, hover interactions, and accessibility behavior.
• Confirm that the Header component behaves correctly in the mobile viewport, including responsive layout, hamburger menu interactions, and navigation usability.

[netlify]

❌ Deploy Preview for emulsify-ui-kit failed.

Name	Link
🔨 Latest commit	8bbc6c1
🔍 Latest deploy log	https://app.netlify.com/projects/emulsify-ui-kit/deploys/68af751990790b000836c7ee

[netlify]

✅ Deploy Preview for emulsify-ui-kit ready!

Name	Link
🔨 Latest commit	7c44f1b
🔍 Latest deploy log	https://app.netlify.com/projects/emulsify-ui-kit/deploys/6a0b2d48b383d90008c645a1
😎 Deploy Preview	https://deploy-preview-175--emulsify-ui-kit.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.