fix loading

src/pages/food/Update.tsx

@@ -26,8 +26,8 @@ const UpdateFood: FC = () => {
   const [isSpecial, setIsSpecial] = useState<boolean>(false)
   const [imageFiles, setImageFiles] = useState<File[]>([])
   const [existingImages, setExistingImages] = useState<string[]>([])
-  const { mutate: updateFood } = useUpdateFood()
-  const { mutate: multipleUpload } = useMultipleUpload()
+  const { mutate: updateFood, isPending } = useUpdateFood()
+  const { mutate: multipleUpload, isPending: isUploading } = useMultipleUpload()
 
   const categories = categoriesData?.data?.map(category => ({
     label: category.title,
@@ -182,6 +182,7 @@ const UpdateFood: FC = () => {
           <Button
             className='px-5'
             onClick={() => formik.handleSubmit()}
+            isLoading={isPending || isUploading}
           >
             <div className='flex gap-2 items-center'>
               <TickCircle className='size-5' color='white' />