Update theming to correctly match ISTEX design

tdm-fe/src/app/App.scss

@@ -1,5 +1,9 @@
 @import "src/app/scss/colors";
 
+/*
+  Note: The app can't render properly under 500px
+*/
+
 body {
   min-height: 100vh;
   margin: 0;
@@ -16,6 +20,10 @@ body {
   font-family: "Open Sans", sans-serif;
 }
 
+#app-container {
+  flex: 1;
+}
+
 .text {
   color: $light-black;
 }
@@ -33,7 +41,3 @@ h6 {
   font-family: Montserrat, sans-serif;
   color: $light-black;
 }
-
-#app-container {
-  margin: 12px 24px;
-}

tdm-fe/src/app/App.tsx

@@ -1,17 +1,22 @@
 import '~/app/App.scss';
+import Footer from '~/app/components/layout/Footer';
 import Header from '~/app/components/layout/Header';
+import WebServicesFooter from '~/app/components/layout/WebServicesFooter';
+import WebServicesHeader from '~/app/components/layout/WebServicesHeader';
 import ProcessingCreationForm from '~/app/pages/ProcessingCreationForm';
 import ProcessingStatus from '~/app/pages/ProcessingStatus';
 import ProcessingFormContextProvider from '~/app/provider/ProcessingFormContextProvider';
 import { RouteProcessingStatus, RouteRoot } from '~/app/shared/routes';
 
+import Container from '@mui/material/Container';
 import { Route, Routes } from 'react-router-dom';
 
 const App = () => {
     return (
         <>
             <Header />
-            <div id="app-container">
+            <WebServicesHeader />
+            <Container id="app-container">
                 <Routes>
                     <Route
                         path={RouteRoot}
@@ -23,7 +28,9 @@ const App = () => {
                     />
                     <Route path={`${RouteProcessingStatus}/:id`} element={<ProcessingStatus />} />
                 </Routes>
-            </div>
+            </Container>
+            <WebServicesFooter />
+            <Footer />
         </>
     );
 };

tdm-fe/src/app/components/form/ProcessingFormConfirmation.tsx

@@ -56,7 +56,7 @@ const ProcessingFormConfirmation = () => {
         <>
             <p>Le traitement a commencé. Vous allez recevoir un mail contenant un résumé.</p>
             <p>
-                Vous pouvez voir l&apos;avancement du traitement via la page de statut des traitements :{' '}
+                Vous pouvez voir l&lsquo;avancement du traitement via la page de statut des traitements :{' '}
                 <Link href={href}>{processingId}</Link>
             </p>
         </>