Add footer to the portal for copyright + legal notices

Fixes #422 (closed)

src/main/www/src/components/Portal/Portal.tsx

@@ -13,6 +13,7 @@ import { useEffect, useContext, useState } from 'react';
 import GlobalContext from '../../Context/GlobalContext';
 import { checkPermission } from '../../Utils/portalFunctionHelpers';
 import NoAccess from '../ErrorPages/NoAccess';
+import PortalFooter from './PortalFooter';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -20,15 +21,16 @@ const useStyles = makeStyles((theme: Theme) =>
       display: 'flex',
     },
     content: {
+      position: 'relative',
       flexGrow: 1,
-      padding: theme.spacing(2.5, 1.5),
+      padding: theme.spacing(2.5, 1.5, 13.5),
       backgroundColor: mainContentBGColor,
       [theme.breakpoints.up('sm')]: {
-        padding: theme.spacing(2.5),
+        padding: theme.spacing(2.5, 2.5, 8.5),
       },
       [theme.breakpoints.up('md')]: {
         marginLeft: theme.spacing(28),
-        padding: theme.spacing(6.5),
+        padding: theme.spacing(6.5, 6.5, 11.5),
         marginTop: theme.spacing(6.5),
       },
     },
@@ -88,6 +90,8 @@ export default function MainPortal() {
             <CircularProgress />
           </div>
         )}
+
+        <PortalFooter />
       </main>
     </>
   );