Frontend: Build the Product details component for both Light and Dark mode

[Lovelyfin00]

Issue Summary

The design for Product details as part of the Product component has been completed and now it needs to be built using our chosen tech stacks. The Product details page has to be inside the Product component story

Figma link

The design for the Product deatils can be found here. Please make sure what you build follows the design.

Suggested fix

• Build the Product details component following the design in the Figma file.
• Make sure your codes are maintainable and legible.
• After coding the component using React and scss, create storybook for the component.
• Test it out on your end and make sure it's working properly.

Coding Rules

• Let your codes look neat and readable
• No unnecessary spacing and always leave one empty line after each code block
• Separate each word with a hyphen - in your scss classes, ids.

PR Rules

• Link the issue your PR is for by saying Fixes #PRNumber
• Add a description of what your PR is about
• Add screenshots or video of the working implementation of your PR

---

Preview

Light mode

---

Dark mode

[nishitapande]

@Lovelyfin00 Please assign this to me. I would like to work on this

[shivam-jainn]

Is this issue still available?