Restructuring docker project

frontend/src/components/MainLayout.tsx

@@ -0,0 +1,23 @@
+import { Container, MantineProvider, Space } from '@mantine/core';
+import { NotificationsProvider } from '@mantine/notifications';
+import React from 'react';
+import Footer from './Footer';
+import Header from './Header';
+
+function MainLayout({ children }:{ children:any }) {
+  return <>
+      <MantineProvider theme={{ colorScheme: 'dark' }} withGlobalStyles withNormalizeCSS>
+        <NotificationsProvider>
+            <Header />
+            <Space h="xl" />
+            <Container size="xl" style={{minHeight:"57.5vh"}}>
+                {children}
+            </Container>
+            <Space h="xl" />
+            <Footer />
+        </NotificationsProvider>
+      </MantineProvider>
+  </>
+}
+
+export default MainLayout;