chore: move components to a correct folder

src/App.jsx

@@ -1,11 +1,9 @@
 import { useState } from 'react'
-import Background from "./components/Background";
-import VideoBackground from "./components/VimeoEmbed";
 import AppHeader from './components/AppHeader';
 import Footer from './components/Footer';
 import Box from '@mui/material/Box';
 
-import Admin from './private/Admin';
+import Products from './private/products/Products';
 
 import './App.css'
 
@@ -14,10 +12,6 @@ function App() {
 
   return (
     <>
-
-      {/* <Background imageName='background.jpg' opacity={0.65} /> */}
-      {/* <VideoBackground videoId="1066622045" /> */}
-
       <Box
         sx={{
           display: 'flex',
@@ -30,9 +24,9 @@ function App() {
 
         {/* Main content area */}
         <Box component="main" sx={{ flex: 1, p: 2 }}>
-          {zone === 'private' && <Admin />}
-          {zone === 'restricted' && <Admin />}
-          {zone === 'public' && <Admin />}
+          {zone === 'private' && <Products />}
+          {zone === 'restricted' && <Products />}
+          {zone === 'public' && <Products />}
         </Box>
         <Footer zone={zone} />
       </Box>