Enhance UI with Blue and White Shades for a Modern, Clean Look For Reviews page !!!

[SrijaVuppala295]

🛠️ Fixes Issue

Fixes: #568

👨‍💻 Description

• Updated the UI design with a fresh blue and white color scheme to provide a modern and clean aesthetic.
• Applied a blue-to-white gradient background for the main container, enhancing visual appeal.
• Styled review, question, and reply cards with rounded corners and soft shadows, creating a more polished and user-friendly interface.
• Improved form elements (input and textarea fields) with a light blue background on focus to make interactions more intuitive.
• Refined button styles with hover and active effects for a smooth user experience.
• Enhanced the layout's overall responsiveness and consistency across elements.

Changes:

• Gradient Background: Applied a linear gradient from blue to white for the main container's background.
• Card Styling: Updated cards with white background, blue left borders, and subtle shadows for a modern feel.
• Button Styling: Enhanced buttons with a deep blue background, hover effects, and smooth transitions.
• Input and Textarea Focus States: Added a light blue background and blue border color for form inputs and textareas on focus.
• Overall Color Scheme: A mix of blue, white, and light blue shades for a visually appealing, cohesive design.

📄 Type of Change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [x] Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

BEFORE:

AFTER:

https://github.com/user-attachments/assets/e8ac7228-9344-4179-83a9-d47ecae5a822

✅ Checklist

• [x] I am a participant of GSSoC-ext.
• [x] I have followed the contribution guidelines of this project.
• [x] I have viewed deployment of my code.
• [x] My changes generate no new warnings.
• [x] I have made this change from my own.
• [x] I have taken help from some online resources.
• [x] My code follows the style guidelines of this project.
• [x] I have performed a self-review of my own code.
• [x] I have added documentation to explain my changes.

🤝 GSSoC Participation

• [x] This PR is submitted under the GSSoC program.
• [x] I have taken prior approval for this feature/fix.

[netlify[bot]]

✅ Deploy Preview for dfs-bfs-graph-traversal ready!

Name	Link
🔨 Latest commit	5cb7773d445077d22b840f13badc49cc874835f5
🔍 Latest deploy log	https://app.netlify.com/sites/dfs-bfs-graph-traversal/deploys/672e7613c7c2c80008ca7d56
😎 Deploy Preview	https://deploy-preview-583--dfs-bfs-graph-traversal.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.

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[github-actions[bot]]

🎉🎉 Thank you for your contribution! Your PR #583 has been merged! 🎉🎉

[SrijaVuppala295]

@sakeel-103 , please add level 2 !!!