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)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

BEFORE:

AFTER:

diss.mp4

✅ Checklist

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

🤝 GSSoC Participation

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

[netlify]

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

Name	Link
🔨 Latest commit	5cb7773
🔍 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]

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]

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

[SrijaVuppala295]

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