[BUG]: Fix the product page

[tushitshukla03]

Describe the bug

Fixing some ui of product page to make them look alike to figma design. Using the font and colour of the figma design. Fix the spacing between button. Make the colour selector functional.

Steps To Reproduce

No response

Expected Behavior

No response

Screenshots/Videos

No response

What device are you using?

No response

Operating System

No response

What browsers are you seeing the problem on?

No response

Additional context

No response

[shramanpaul]

@tushitshukla03 I want to work on this issue

[shramanpaul]

I will make the color selector functional and other required changes in the UI as described in the issue.

[tushitshukla03]

@shramanpaul you can work on this

[shramanpaul]

@tushitshukla03 do I need to change the spacing between the buttons in desktop view ?

[tushitshukla03]

@shramanpaul Yes to make it similar to design

[shramanpaul]

https://github.com/bsoc-bitbyte/GetIt/assets/110323017/2a8b9382-5ea5-41d9-93a5-2133a06b878e

@tushitshukla03 PTAL