Feat:middle bottom section

[annoy004]

Describe the feature

can i work with making ui of this section screenshot is given below

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @annoy004! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! As per GSSoC'24 guidelines the person who raises the issue should be assigned for that issue. But if that person doesn't want to work on that issue the first come fist policy is follwed.

We'd also like to invite you to our Discord server! Join us on discord.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[aryan-1309]

Please Assign this to me.