Added floating button to scroll back to top

[Asymtode712]

Description

• Added FloatBtn component in Home , About and News pages
• Added hovering effect for the floating button as well
• On clicking the floating button, users can easily scroll back to top

Fixes #173

Type of change

Please give a X on it which is applicable

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactor Code
• A documentation update
• Others(mentioned in the issue number)

How Has This Been Tested?

It has been tested on my local machine

Video:

Foodies.-.Personal.-.Microsoft.Edge.2024-06-11.09-20-26_Trim.mp4

Checklist:

give a X on it which is applicable

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[vercel]

@Asymtode712 is attempting to deploy a commit to the vansh69's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Asymtode712]

@hustlerZzZ Please review and merge this PR

Also, add the labels and assign me this PR

Thank you!

[github-actions]

Congratulations, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to the project 🚀 Keep Contributing!! ✨