added code for making the text in the experiment list responsive

[Sanket2055]

to make the text (list of experiment ) responsive i have used material ui as it was already used in the project , it works really fine . adding links to screenshot of before and after check the screenshot here : previous text size New text size if u think this PR is appropriate please merge it (give label hacktoberfest accepted ) before 30th october Thank you!

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @TheNinza on Vercel.

@TheNinza first needs to authorize it.

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/theninza/dsa-visualizer/83RqRKeuJzMCXKznYBuE5sFHqjEF
✅ Preview: https://dsa-visualizer-git-fork-sanket2055-main-theninza.vercel.app

[TheNinza]

Hey @Sanket2055, the code is not working as you can see in above deployment. Also instead of customising the theme, I will prefer adding mediaQueries in the https://github.com/TheNinza/dsa-visualizer/blob/main/src/pages/experiment-list/experiment-list.styles.jsx file

[Sanket2055]

@TheNinza sir can you please review it now , I have removed the previously created theme and added breakpoints in experiment-list.styles.jsx , now it is working fine . here are some screen shot's width-690 width-480 width-300