add footer for PayPal and Github

package.json

@@ -52,6 +52,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.6.0",
     "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "bootstrap": "^5.3.3",

src/components/Footert.tsx

@@ -0,0 +1,32 @@
+import { faGithub, faPaypal } from "@fortawesome/free-brands-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+export const Footer = () => {
+  return (
+    <footer className="bg-dark text-center text-white">
+      <hr></hr>
+      <div className="container p-4">
+        <section className="mb-4">
+          <a
+            className="btn btn-outline-light btn-floating m-1"
+            href="https://github.com/egreer/beermiser.jibbermaster.com"
+            role="button"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <i className="fab fa-github"></i>
+            <FontAwesomeIcon icon={faGithub}></FontAwesomeIcon>
+          </a>
+          <a
+            className="btn btn-outline-light btn-floating m-1"
+            href="https://www.paypal.me/egreerme"
+            role="button"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <FontAwesomeIcon icon={faPaypal}></FontAwesomeIcon>
+          </a>
+        </section>
+      </div>
+    </footer>
+  );
+};

src/pages/home/index.tsx

@@ -21,6 +21,7 @@ import {
 import { Helmet } from "react-helmet-async";
 import store from "store/dist/store.modern";
 import { v4 as uuidv4 } from "uuid";
+import { Footer } from "../../components/Footert";
 import { Confirm } from "../../confirm/Confirm";
 import { Brew, Size } from "../../models/brew";
 
@@ -369,6 +370,7 @@ export class Home extends Component {
             triggerButtonParams={{ variant: "danger" }}
           />
         </div>
+        <Footer></Footer>
       </div>
     );
   }