made the requested changes

[shramanpaul]

Overview

1. This PR fixes or fixes part of [BUG]: Fix the product page #78 .
2. This PR does the following: [Fixed the UI of product page to make them look alike the figma design.
   changed the font and color of the radio button. Fixed the spacing between the buttons.
   Made the color selector functional.

Essential Checklist

• The PR title starts with "Fix [BUG]: Fix the product page #78 "
• "Allow edits from maintainers" is checked.
• The PR is made from a branch that's called "changes".

Proof that changes are correct

PR Pointers

@tushitshukla03 PTAL

[netlify]

✅ Deploy Preview for merch-site ready!

Name	Link
🔨 Latest commit	a6c942e
🔍 Latest deploy log	https://app.netlify.com/sites/merch-site/deploys/64b5147536b2c800086aa54d
😎 Deploy Preview	https://deploy-preview-85--merch-site.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 site configuration.

[tushitshukla03]

@shramanpaul color selection still not working

[shramanpaul]

getit006.mp4

@tushitshukla03 it is working on my local machine PTAL

[shramanpaul]

made the changes as requested @tushitshukla03 PTAL

[thejaysharma]

LGTM! @shramanpaul Good Job. :)

[tushitshukla03]

@shramanpaul color selection is once again misplaced is mobile view. It was at correct position in main.

[shramanpaul]

@tushitshukla03 I have made the changes PTAL.