[WIP] make demo horizontally scrollable

[DawoodMehmood]

Pull Request Template

Before submitting this PR, please make sure you have completed the following checklist. This helps ensure that our codebase remains high quality and that our features work well across all supported devices and themes.

Code Review

• I have carefully reviewed my code and believe it is final from my side.
• I have ensured there is no hardcoded color in my changes. Colors should be defined in theme files and reused.

Theme Compatibility

• I have tested the new feature or updates in both light and dark themes.
• I confirm that the visual aspects of the feature are compatible and appealing in both themes.

Device Compatibility

• I have tested my changes on mobile screen sizes.
• I have tested my changes on tablet screen sizes.
• I have tested my changes on laptop screen sizes.

Functional Testing

• I have thoroughly tested the functionality of my changes.
• I am confident that my changes do not negatively impact existing features.

Testing Documentation

Please provide a brief description of the tests you have performed to verify your changes. Include any relevant scenarios or edge cases.

• Example test 1: Tested feature X by uploading the image
• Example test 2: Tested feature X by doing these things.

Demo Video

Please provide a demo video of your changes. This helps reviewers understand the changes and verify the functionality.

You can record the video using tools like Loom(https://www.loom.com/), Clip by ClickUp(https://clickup.com/features/clips), Sendspark(https://www.sendspark.com/), etc.

Include the link to the video below and make sure the video covers

• Explain the task/bug you are solving
• Show the changes in the UI
• Show the changes in the codebase
• Show the changes you tested to make sure it works
• Show the changes in various screen sizes
• Show the changes in both light and dark themes

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dodao-ui-academy-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 18, 2024 6:55pm
dodao-ui-base-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 18, 2024 6:55pm
dodao-ui-rubrics-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 18, 2024 6:55pm