Added scroll back to top button

[zugzwang03]

Description

I added a scroll back to top button to scroll back to the landing page immediately on click.
An extra dependency added is react-icons, for the uparrow material icon.
Formatting has been changed in the process in some files as I was using a formatter in my code editor.

Fixes #37

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own 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

[Sneakad]

Please maintain the indentation in the headers and keep it in one line.

[Sneakad]

There is no need to create a separate page/ component for the scroll-up button. You just need to create a sticky button at the bottom-right corner of the Landing.jsx page. Add an event listener to that button which when clicked will scroll up to the hero section.

[zugzwang03]

is it fine now? @Sneakad

[zugzwang03]

@Sneakad @anomic30

[Sneakad]

@zugzwang03 the scroll back to the top button is not appearing on the landing page. Can you show your UI?

[zugzwang03]

While I am trying to run your code in my local machine, the website is not working, it is asking for some magic API key, and I can't get it. I kind of guess worked, that the scroll button will work like this if I put on that code. I have no knowledge of API s yet :(

[anomic30]

@zugzwang03, you can get the API keys by reading the client/readme.md file.

[zugzwang03]

@zugzwang03, you can get the API keys by reading the client/readme.md file.

okayy

[zugzwang03]

yupp, done.
It was a z-index problem actually

[zugzwang03]

Also, will I add some box-shadow of #00FFA8 color?

[zugzwang03]

@anomic30 @Sneakad

[anomic30]

Awesome!
LGTM.