feat: adding the table with products

src/components/AppHeader.jsx

@@ -67,7 +67,7 @@ export default function AppHeader({ zone = 'public' }) {
         )}
 
         {/* Rendering the Drawer */}
-       <MenuDrawer zone={zone} open={menuOpen} onClose={() => setMenuOpen(false)} />
+       <MenuDrawer zone='private' open={menuOpen} onClose={() => setMenuOpen(false)} />
 
       </Toolbar>
     </AppBar>

src/components/MenuDrawer.jsx

@@ -14,7 +14,7 @@ export default function MenuDrawer({ zone = 'public', open, onClose }) {
     <Drawer anchor="left" open={open} onClose={onClose} slotProps={{
         paper: {
           sx: {
-            backgroundColor: '#000000a0', // negro semitransparente
+            backgroundColor: '#000000a0',
             width: isMobile ? '100vw' : 250,
           },
         },

src/components/SectionContainer.jsx

@@ -0,0 +1,18 @@
+import { Box } from '@mui/material';
+
+export default function SectionContainer({ children, maxWidth = 'lg', sx = {} }) {
+  return (
+    <Box
+      sx={{
+        width: '100%',
+        maxWidth,
+        mx: 'auto',
+        px: { xs: 2, md: 4 },
+        py: { xs: 3, md: 5 },
+        ...sx,
+      }}
+    >
+      {children}
+    </Box>
+  );
+}