QQQ-30: got rid of 'prettier', first pass at eslint configuration pointing only to qqq specific files, reformated all qqq files

src/qqq/components/Footer/index.tsx

@@ -37,80 +37,85 @@ interface Props {
   [key: string]: any;
 }
 
-function Footer({ company, links }: Props): JSX.Element {
-  const { href, name } = company;
-  const { size } = typography;
+function Footer({ company, links }: Props): JSX.Element
+{
+   const { href, name } = company;
+   const { size } = typography;
 
-  const renderLinks = () =>
-    links.map((link) => (
+   const renderLinks = () => links.map((link) => (
       <MDBox key={link.name} component="li" px={2} lineHeight={1}>
-        <Link href={link.href} target="_blank">
-          <MDTypography variant="button" fontWeight="regular" color="text">
-            {link.name}
-          </MDTypography>
-        </Link>
+         <Link href={link.href} target="_blank">
+            <MDTypography variant="button" fontWeight="regular" color="text">
+               {link.name}
+            </MDTypography>
+         </Link>
       </MDBox>
-    ));
+   ));
 
-  return (
-    <MDBox
-      width="100%"
-      display="flex"
-      flexDirection={{ xs: "column", lg: "row" }}
-      justifyContent="space-between"
-      alignItems="center"
-      px={1.5}
-    >
+   return (
       <MDBox
-        display="flex"
-        justifyContent="center"
-        alignItems="center"
-        flexWrap="wrap"
-        color="text"
-        fontSize={size.sm}
-        px={1.5}
+         width="100%"
+         display="flex"
+         flexDirection={{ xs: "column", lg: "row" }}
+         justifyContent="space-between"
+         alignItems="center"
+         px={1.5}
       >
-        &copy; {new Date().getFullYear()}, made with
-        <MDBox fontSize={size.md} color="text" mb={-0.5} mx={0.25}>
-          <Icon color="inherit" fontSize="inherit">
-            favorite
-          </Icon>
-        </MDBox>
-        by
-        <Link href={href} target="_blank">
-          <MDTypography variant="button" fontWeight="medium">
-            &nbsp;{name}&nbsp;
-          </MDTypography>
-        </Link>
-        for a better web.
-      </MDBox>
-      <MDBox
-        component="ul"
-        sx={({ breakpoints }) => ({
-          display: "flex",
-          flexWrap: "wrap",
-          alignItems: "center",
-          justifyContent: "center",
-          listStyle: "none",
-          mt: 3,
-          mb: 0,
-          p: 0,
+         <MDBox
+            display="flex"
+            justifyContent="center"
+            alignItems="center"
+            flexWrap="wrap"
+            color="text"
+            fontSize={size.sm}
+            px={1.5}
+         >
+            &copy;
+            {" "}
+            {new Date().getFullYear()}
+            , made with
+            <MDBox fontSize={size.md} color="text" mb={-0.5} mx={0.25}>
+               <Icon color="inherit" fontSize="inherit">
+                  favorite
+               </Icon>
+            </MDBox>
+            by
+            <Link href={href} target="_blank">
+               <MDTypography variant="button" fontWeight="medium">
+            &nbsp;
+                  {name}
+&nbsp;
+               </MDTypography>
+            </Link>
+            for a better web.
+         </MDBox>
+         <MDBox
+            component="ul"
+            sx={({ breakpoints }) => ({
+               display: "flex",
+               flexWrap: "wrap",
+               alignItems: "center",
+               justifyContent: "center",
+               listStyle: "none",
+               mt: 3,
+               mb: 0,
+               p: 0,
 
-          [breakpoints.up("lg")]: {
-            mt: 0,
-          },
-        })}
-      >
-        {renderLinks()}
+               [breakpoints.up("lg")]: {
+                  mt: 0,
+               },
+            })}
+         >
+            {renderLinks()}
+         </MDBox>
       </MDBox>
-    </MDBox>
-  );
+   );
 }
 
 // Declaring default props for Footer
 Footer.defaultProps = {
-  company: { href: "https://www.kingsrook.com/", name: "Kingsrook" },
-  links: [{ href: "https://www.kingsrook.com/", name: "Kingsrook" }],
+   company: { href: "https://www.kingsrook.com/", name: "Kingsrook" },
+   links: [{ href: "https://www.kingsrook.com/", name: "Kingsrook" }],
 };
 
 export default Footer;