refactor: more use cases with useToggle

src/app/[name]/(Main)/page.tsx

@@ -22,6 +22,7 @@ import CategorySmallItemRenderer from "@/components/listview/CategorySmallItemRe
 import { motion } from "framer-motion";
 import { useTranslation } from "react-i18next";
 import ComboBox, { ComboboxOption } from "@/components/combobox/Combobox";
+import useToggle from "@/hooks/helpers/useToggle";
 
 const categories = new Array(13).fill({ title: "خوراک", icon: "" });
 
@@ -148,8 +149,9 @@ const MenuIndex = () => {
     { id: '0', title: tMenu('MenuFilterDrawer.SelectDelivery.Options.Courier'), label: '' },
   ]
 
-  const [filterModal, setFilterModal] = useState(false);
-  const [sortingModal, setSortingModal] = useState(false);
+  const { state: filterModal, toggle: toggleFilterModal } = useToggle();
+  const { state: sortingModal, toggle: toggleSortingModal } = useToggle();
+
   const [, setSorting] = useQueryState('sortBy', { defaultValue: '0' });
   const [search, setSearch] = useQueryState("q", { defaultValue: '' });
   const [selectedCategory, setSelectedCategory] = useQueryState('category', { defaultValue: '0' });
@@ -191,14 +193,6 @@ const MenuIndex = () => {
     setSelectedCategory(String(id));
   }, [setSelectedCategory]);
 
-  const toggleFilterModal = useCallback(() => {
-    setFilterModal((state) => !state);
-  }, []);
-
-  const toggleSortingModal = useCallback(() => {
-    setSortingModal((state) => !state);
-  }, []);
-
   const changeSorting = (index: number) => {
     setSorting(() => String(index));
   }