style: Add outlet wrapper

src/App.styled.tsx

@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+const StyledOutletWrapper = styled.section`
+  height: calc(100% - 200px);
+  overflow: scroll;
+`
+export { StyledOutletWrapper as OutletWrapper }

src/App.tsx

@@ -4,7 +4,9 @@ import {
   useMsal,
 } from '@azure/msal-react'
 import { Outlet } from 'react-router-dom'
+import * as Styled from './App.styled'
 import AppBar from './features/AppBar/AppBar'
+import { Footer } from './features/Footer/Footer'
 
 export function App() {
   const { instance } = useMsal()
@@ -15,7 +17,10 @@ export function App() {
         <AppBar title="PEPM" />
         <p>Authenticated</p>
         <button onClick={() => instance.logoutRedirect()}>Log out</button>
-        <Outlet />
+        <Styled.OutletWrapper>
+          <Outlet />
+        </Styled.OutletWrapper>
+        <Footer footerText="All information is proprietary of Equinor © 2023 Equinor ASA" />
       </AuthenticatedTemplate>
       <UnauthenticatedTemplate>
         <p>Not authenticated</p>