feat(onboarding): add gradient background and onboarding quiz content

[magali-la]

🎯Type of Change:

• Feat ✨: New feature or functionality.

This PR...

Adds the desktop layout to the onboarding page, with half-page gradient, and onboarding quiz content in the container.

📝 What I Did:

• Added the half-page gradient background for desktop view
• Added container card and shadow classes
• Added percent-based width and height to container by using vh and vw instead of pixels

---

🧪 How to Test:

1. Navigate to /onboarding path
2. Check in inspect that the outer card container is responsive as a percent of the viewport height and viewport width
3. Note: content is not yet responsive, buttons and text need to be scaled down

---

🤔 What I learned:

Learned how to get tailwind background gradients to stop mid-page and introduce another color for the other half. Also learned it's sometimes better to avoid including tailwind arbitrary pixel values and opt for vh and vw values to ease responsiveness.

[netlify]

✅ Deploy Preview for mint-chip ready!

Name	Link
🔨 Latest commit	8e13129
🔍 Latest deploy log	https://app.netlify.com/projects/mint-chip/deploys/68f527204d3825000820fd58
😎 Deploy Preview	https://deploy-preview-15--mint-chip.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.

[nkabembo]

Responsiveness is working fine.
Query: I noticed the padding of the card was small and mobile view spacing is not change. I am guessing it is not within the scope of this commit?

[magali-la]

Responsiveness is working fine. Query: I noticed the padding of the card was small and mobile view spacing is not change. I am guessing it is not within the scope of this commit?

correct, I'll submit another PR with the column layout on mobile and full bg, once i get the button sizes responsive so they can fit within the container

[CMolinaBetancourt]

The onboarding page looks great, it is just pending the responsiveness you mentioned.