94 add footer (#109)

* create footer component

* Export footer from index

* add styles and structure to footer

* place footer on page

frontend/app/components/footer/footer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Footer = () => {
+
+    return (
+        <div className="text-center pb-5 pt-3
+            bg-gray-300 w-full overflow-x-auto  whitespace-nowrap">
+            <a href="https://github.com/thearyadev/top500-aggregator" className='underline'>
+                Support this project on Github
+            </a>
+        </div>
+    )
+}
+export default Footer;

frontend/app/components/index.ts

@@ -1,4 +1,5 @@
 export {default as Header} from "./header/header"
 export {default as Card} from "./card/card"
 export {default as BarChart} from "./charts/barChart"
-export {default as LineChart} from "./charts/lineChart"
+export {default as LineChart} from "./charts/lineChart"
+export {default as Footer} from './footer/footer'

frontend/pages/_app.tsx

@@ -1,6 +1,6 @@
 import '../app/globals.scss';
 import type {AppProps} from 'next/app';
-import {Header} from "@/app/components";
+import {Footer, Header} from "@/app/components";
 import {useRouter} from "next/router";
 
 interface T500AggregatorAppProps extends AppProps {
@@ -40,6 +40,7 @@ function MyApp({Component, pageProps}: T500AggregatorAppProps) {
                 <hr className="m-5"/>
 
                 <Component {...pageProps} />
+                <Footer />
             </main>
         </>
     )