questinaire page added

src/features/faq/ui/FaqList.tsx

@@ -11,6 +11,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/shared/ui/dialog";
+import Pagination from "@/shared/ui/pagination";
 import { DialogDescription } from "@radix-ui/react-dialog";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
@@ -23,6 +24,8 @@ const FaqList = () => {
   const [openDelete, setOpenDelete] = useState<boolean>(false);
   const [dialogOpen, setDialogOpen] = useState<boolean>(false);
   const [editingFaq, setEditingFaq] = useState<FaqItem | null>(null);
+  const [page, setPage] = useState<number>(1);
+  const limit = 20;
   const queryClient = useQueryClient();
 
   const {
@@ -31,8 +34,8 @@ const FaqList = () => {
     isLoading,
     isFetching,
   } = useQuery({
-    queryKey: ["faqs"],
-    queryFn: async () => faq_api.getFaqs({ page: 1, page_size: 20 }),
+    queryKey: ["faqs", page],
+    queryFn: async () => faq_api.getFaqs({ page: page, page_size: limit }),
     select(data) {
       return data.data;
     },
@@ -104,6 +107,12 @@ const FaqList = () => {
         setEditingFaq={setEditingFaq}
       />
 
+      <Pagination
+        currentPage={page}
+        setCurrentPage={setPage}
+        totalPages={faq?.total_pages ?? 1}
+      />
+
       <Dialog open={openDelete} onOpenChange={setOpenDelete}>
         <DialogContent>
           <DialogHeader>