Inconsistent presence of “bottom to top” and "top to bottom"

[Nikhilrsingh]

Description

This PR resolves the inconsistency where some pages had scroll buttons (Back to Top / Top to Back) while others did not.
Now, all pages have dual scroll buttons, ensuring a consistent and user-friendly navigation experience.
• ✅ Added Back to Top button
• ✅ Added Top to Back button
• ✅ Ensured buttons are styled consistently with other pages
• ✅ Made buttons responsive and functional across all screen sizes
• ✅ Code is reusable and easy to maintain

Fixes issue: #677

🔧 Tech Stack Used
• HTML
• CSS
• JavaScript

📷 Screenshots (Before & After)

Screen.Recording.2025-09-21.at.8.53.28.PM.mov

Screen.Recording.2025-09-22.at.10.17.32.PM.mov

✔️ Testing
• Verified buttons appear on all pages
• Buttons work correctly for scrolling both ways
• Works smoothly on desktop and mobile views

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[Nikhilrsingh]

Please review this PR

[Nikhilrsingh]

@supriya46788 maam Please review this PR, and add the appropriate labels.

[supriya46788]

@Nikhilrsingh can you please add only one button / circle which includes both top tp bottom & bottom to top like in landing page?

[Nikhilrsingh]

ok maam i will change it as per your requirement

[Nikhilrsingh]

@supriya46788 maam changes done as per your requirement, Please review this PR, and add the appropriate labels.

[Nikhilrsingh]

Screen.Recording.2025-09-23.at.10.12.23.AM.mov

[supriya46788]

i merged your pr but after merging the convert recipe page ui code was added twice so i had to revert this pr, please make another pr and make sure no ui part breaks in desktop + mobile view