Implements Scroll Button

Adds a scroll to top button to the landing page, and form pages to make
navigation easier on long pages.

Signed-off-by: Hassan Abouelela <[email protected]>

1 files changed, 4 insertions, 3 deletions

diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 124bbcf..af968ad 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -4,10 +4,11 @@ import { useEffect, useState } from "react";
 
 import HeaderBar from "../components/HeaderBar";
 import FormListing from "../components/FormListing";
-
-import { getForms, Form } from "../api/forms";
 import OAuth2Button from "../components/OAuth2Button";
 import Loading from "../components/Loading";
+import ScrollToTop from "../components/ScrollToTop";
+
+import { getForms, Form } from "../api/forms";
 
 function LandingPage(): JSX.Element {
     const [forms, setForms] = useState<Form[]>();
@@ -25,8 +26,8 @@ function LandingPage(): JSX.Element {
 
     return <div>
         <HeaderBar/>
+        <ScrollToTop/>
         <div>
-
             <div css={css`
         display: flex;
         align-items: center;