fix loading

src/pages/food/List.tsx

@@ -7,6 +7,8 @@ import { useGetFoods } from './hooks/useFoodData'
 import { useFoodFilters } from './hooks/useFoodFilters'
 import { getFoodTableColumns } from './components/FoodTableColumns'
 import { useFoodFiltersFields } from './components/FoodFiltersFields'
+import { Link } from 'react-router-dom'
+import { Pages } from '@/config/Pages'
 
 const FoodsList: FC = () => {
     const {
@@ -30,12 +32,16 @@ const FoodsList: FC = () => {
         <div className='mt-5'>
             <div className='flex justify-between items-center'>
                 <h1 className='text-lg font-light'>لیست غذاها</h1>
-                <Button className='w-fit px-6'>
-                    <div className='flex gap-2 items-center'>
-                        <Add color='#fff' size={20} />
-                        <span>افزودن غذا</span>
-                    </div>
-                </Button>
+                <Link
+                    to={Pages.foods.add}
+                >
+                    <Button className='w-fit px-6'>
+                        <div className='flex gap-2 items-center'>
+                            <Add color='#fff' size={20} />
+                            <span>افزودن غذا</span>
+                        </div>
+                    </Button>
+                </Link>
             </div>
 
             <div className='mt-8'>