Refactor Prerender components to replace Home page with MainPageLayout, improving structure and consistency across the application. Updated routing in PrerenderAppContent and PrerenderHome to utilize the new layout component.

src/PrerenderAppContent.js

@@ -3,7 +3,7 @@ import { Box, AppBar, Toolbar, Container} from '@mui/material';
 import { Routes, Route } from 'react-router-dom';
 import Footer from './components/Footer.js';
 import { Logo, CategoryList } from './components/header/index.js';
-import Home from './pages/Home.js';
+import MainPageLayout from './components/MainPageLayout.js';
 
 const PrerenderAppContent = (socket) => (
     <Box
@@ -45,7 +45,7 @@ const PrerenderAppContent = (socket) => (
  
       <Box sx={{ flexGrow: 1 }}>
           <Routes>
-            <Route path="/" element={<Home />} />
+            <Route path="/" element={<MainPageLayout />} />
           </Routes>
       </Box>
 

src/PrerenderHome.js

@@ -7,7 +7,7 @@ const {
 } = require('@mui/material');
 const Footer = require('./components/Footer.js').default;
 const { Logo, CategoryList } = require('./components/header/index.js');
-const Home = require('./pages/Home.js').default;
+const MainPageLayout = require('./components/MainPageLayout.js').default;
 
 class PrerenderHome extends React.Component {
   render() {
@@ -62,7 +62,7 @@ class PrerenderHome extends React.Component {
       React.createElement(
         Box,
         { sx: { flexGrow: 1 } },
-        React.createElement(Home)
+        React.createElement(MainPageLayout)
       ),
       React.createElement(Footer)
     );