Add floating "Back to Top" button to web app

[Sanjhivvarshan-b-s]

Description

Added a floating "Back to Top" button to the web app using HTML, CSS, and vanilla JavaScript. Since the list of projects is growing, this improves navigation by allowing users to easily return to the top of the page without excessive scrolling, especially on mobile devices.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• New mini-project
• Documentation update
• UI/UX improvement
• Code refactoring

Related Issue

Closes #28

How Has This Been Tested?

• Tested on Windows
• Tested on macOS
• Tested on Linux
• Multiple test runs completed
• Edge cases tested

Environment

• Python Version: N/A (Frontend Web UI change)
• OS: Windows 11
• Browser: Chrome

Screenshots

No screenshots needed; standard UI button fixed to bottom right.

Checklist

• I have been assigned this issue before raising this PR
• My code follows the project's style guidelines
• I have tested my code thoroughly
• My project runs without errors
• No external dependencies added (unless necessary)
• I have updated the README.md (if adding new project)

[vercel]

@Sanjhivvarshan-b-s is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull request overview

This PR adds a floating “Back to Top” control to the web-app UI to improve navigation as the project list grows (Issue #28).

Changes:

• Added a fixed-position Back to Top button to the page markup.
• Implemented scroll-based visibility toggling and smooth-scroll-to-top behavior in vanilla JS.
• Styled the button (visibility animation, hover/focus states, responsive sizing) in the main stylesheet.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 5 comments.

File	Description
web-app/js/main.js	Adds scroll listener + click handler to show/hide the button and scroll back to the top.
web-app/index.html	Adds the Back to Top button element near the end of the page.
web-app/css/styles.css	Adds styling for the button, including transitions and responsive adjustments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[steam-bell-92]

@Sanjhivvarshan-b-s can you commit the suggestions asked.. will be fine ig

[Sanjhivvarshan-b-s]

@steam-bell-92 just letting you know I've accepted the suggestions and resolved the merge conflicts. The PR is completely up to date with main branch

[steam-bell-92]

@steam-bell-92 just letting you know I've accepted the suggestions and resolved the merge conflicts. The PR is completely up to date with main branch

Yupp doesn't seem any conflicts

[github-actions]

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.

We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone.

If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request.

Thanks again for your support! 🙌