Redesign the Whole Quiz Page | Enhance the Quiz Page | Issue #345

[Shariq2003]

🛠️ Fixes Issue

Fixes: #345

👨‍💻 Description

I have completely redesigned the whole quiz page and made it visually appealing.
Added a Sidebar for Difficulty.
Enhance the Result Container.

Overall Redesign and Enhance the Quiz Page.

📄 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)

bandicam.2024-10-30.05-46-19-194.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.

[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! 😊

[netlify]

❌ Deploy Preview for dfs-bfs-graph-travers failed. Why did it fail? →

Name	Link
🔨 Latest commit	d590365
🔍 Latest deploy log	https://app.netlify.com/sites/dfs-bfs-graph-travers/deploys/6721fca176ba3600080afebd

[Shariq2003]

@sakeel-103 sir please review and merge this.

[netlify]

❌ Deploy Preview for classy-frangipane-68da92 failed. Why did it fail? →

Name	Link
🔨 Latest commit	d590365
🔍 Latest deploy log	https://app.netlify.com/sites/classy-frangipane-68da92/deploys/6721fca19be5b6000801d2dd

[netlify]

❌ Deploy Preview for dfs-bfs-graph-traversal failed. Why did it fail? →

Name	Link
🔨 Latest commit	d590365
🔍 Latest deploy log	https://app.netlify.com/sites/dfs-bfs-graph-traversal/deploys/6721fca1b1625e0008efca7b

[sakeel-103]

@Shariq2003
resolve the conflict issue

[Shariq2003]

@Shariq2003 resolve the conflict issue

@sakeel sir, okay I am fixing the conflicts, but after that, you have to merge this first because if you merge a person's code with the previous quiz UI code, then it will again raise conflicts in this PR.

Hope U understand.

[Shariq2003]

@Shariq2003 resolve the conflict issue

@sakeel-103 Sir, please review and merge

[github-actions]

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

[Shariq2003]

@sakeel-103 sir any other page that i can enhance please let me know.