[Bug] Fix the scroll to top icon for small devices

[sharmi4590]

Description

Hey @Rakesh9100
There's a overlapping in the message button and top up button . There's the icon also missing for the top up button.

Screenshots

At the bottom right you can see the overlapping , I will make it responsive and add the icon to the top up button
I am a GSSOC'24 contributor

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a GSSOC'24 contributor.
• I am a IWOC'24 contributor.
• I am a JWOC'24 contributor.
• I am a SWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @sharmi4590, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Sowmyatiwari]

Heyy , the buttons of this project is not looking attractive ,and also the footer is not properly aligned , I will fix this issue , please consider assigning it to me.

[143divya]

Please assign this to me

[Deepthi-Ramineni]

I would like to work on this. Can you please assign it to me?

[anushreenair]

I have reviewed the current state of the interface and have a clear understanding of the required adjustments. Additionally, I have experience with responsive design and CSS, which I believe will help me effectively tackle this issue.
Could you please assign this issue to me? I am eager to contribute to the project and help enhance the user experience of the Beautiify app.

[Rakesh9100]

Proceed @sharmi4590

[github-actions]

Hello @sharmi4590! Your issue #772 has been closed. Thank you for your contribution!! 🙌