moved stuff out of app since it is used for routing

src/Fragments/FooterLink/index.tsx

@@ -0,0 +1,13 @@
+import { ListItemText, Link } from "@mui/material";
+import styles from './styles.module.css'
+import { withStyles } from '@mui/material/styles';
+import styled from '@emotion/styled'
+import React from "react";
+
+export default function FooterLink(props) {
+    return (
+        <ListItemText inset >
+            <Link href={props.href}><a className={styles.navLinks}>{props.title}</a></Link>
+        </ListItemText>
+    )
+}

src/Fragments/FooterLink/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "footerlink",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/Fragments/FooterLink/styles.module.css

@@ -0,0 +1,5 @@
+
+.navLinks:hover {
+    font-weight: bold;
+    text-decoration : none;
+}