foods list

src/router/Main.tsx

@@ -1,10 +1,12 @@
 import { type FC } from 'react'
 import SideBar from '../shared/SideBar'
 import Header from '../shared/Header'
-import { Routes } from 'react-router-dom'
+import { Route, Routes } from 'react-router-dom'
 import Footer from '../shared/Footer'
 import { clx } from '../helpers/utils'
 import { useSharedStore } from '../shared/store/sharedStore'
+import FoodsList from '@/pages/food/List'
+import { Pages } from '@/config/Pages'
 
 const MainRouter: FC = () => {
 
@@ -23,7 +25,7 @@ const MainRouter: FC = () => {
                 )}>
                     <div className='pb-20'>
                         <Routes>
-
+                            <Route path={Pages.foods.list} element={<FoodsList />} />
                         </Routes>
                     </div>
                 </div>