feat(dependencies): add Lottie animation libraries and refactor NotFoundPage

- Added `@lottiefiles/dotlottie-react` and `lottie-react` dependencies for enhanced animation capabilities.
- Refactored the NotFoundPage component to utilize a dedicated NotFoundContent component, improving code organization and readability.
- Updated package.json and pnpm-lock.yaml to reflect new dependencies and their versions.

src/components/Tables/inquiries/useInquiriesListPresenter.ts

@@ -4,15 +4,15 @@ import {
   useDeleteInquiry,
   useGetInquiries,
 } from "@/hooks/queries/useInquiryQueries";
+import { useTableSectionRowAnimations } from "@/hooks/useTableSectionRowAnimations";
 import { TInquiries } from "@/lib/api";
 import { deleteEmptyKeys } from "@/utils/shared";
 import { useIsMutating } from "@tanstack/react-query";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 
 const useInquiriesListPresenter = () => {
-  const [isFilterModalOpen, setIsFilterModalOpen] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [isChangeStatusModalOpen, setIsChangeStatusModalOpen] = useState(false);
   const [currentInquiry, setCurrentInquiry] = useState<TInquiries | null>(null);
@@ -39,6 +39,10 @@ const useInquiriesListPresenter = () => {
     setValue: setFilterValue,
   } = useForm();
 
+  const tableSectionRef = useRef<HTMLDivElement>(null);
+  const skeletonTbodyRef = useRef<HTMLTableSectionElement>(null);
+  const dataTbodyRef = useRef<HTMLTableSectionElement>(null);
+
   useEffect(() => {
     const newParams: Record<string, any> = {
       offset: 0,
@@ -52,30 +56,61 @@ const useInquiriesListPresenter = () => {
   }, [searchParams, filterFormReset]);
 
   const { data, isPending } = useGetInquiries(params);
+
+  useTableSectionRowAnimations(isPending, data, {
+    tableSectionRef,
+    skeletonTbodyRef,
+    dataTbodyRef,
+  });
+
   const shouldShowPagination =
     !isPending && (data?.meta?.pages ?? 1) * (data?.meta?.limit ?? 10) > 10;
+
+  const pagination = useMemo(
+    () => ({
+      currentPage: data?.meta?.page ? data.meta.page - 1 : 0,
+      totalPages: data?.meta?.pages ?? 1,
+    }),
+    [data?.meta?.page, data?.meta?.pages],
+  );
+
+  const handlePaginationChange = useCallback(
+    (e: { selected: number }) => {
+      const limit = data?.meta?.limit ?? 10;
+      setParams((currentParams) => ({
+        ...currentParams,
+        offset: e.selected * limit,
+        limit,
+      }));
+    },
+    [data?.meta?.limit],
+  );
+
   const { mutate } = useDeleteInquiry(() => setIsDeleteModalOpen(false));
   const { mutate: changeStatus } =
     useChangeInquiryStatus(() => setIsChangeStatusModalOpen(false));
 
-  const search = (data: any) => {
-    const newParams = { ...params, ...data, offset: 0 };
+  const search = (formData: any) => {
+    const newParams = { ...params, ...formData, offset: 0 };
     const cleanedParams = deleteEmptyKeys(newParams);
     const queryString = new URLSearchParams(cleanedParams).toString();
     router.push(`${pathname}?${queryString}`);
-    setIsFilterModalOpen(false);
   };
 
+  const clearAllFilters = useCallback(() => {
+    router.push(pathname);
+  }, [pathname, router]);
+
   const deleteInquiry = () => {
     if (!currentInquiry?.id) return;
     mutate(currentInquiry.id);
   };
 
-  const handleChangeStatus = (data: any) => {
+  const handleChangeStatus = (payload: any) => {
     if (!currentInquiry?.id) return;
     changeStatus({
       id: currentInquiry.id,
-      credentials: data,
+      credentials: payload,
     });
   };
 
@@ -83,8 +118,6 @@ const useInquiriesListPresenter = () => {
     columns,
     inquiries: data?.data.inquiries,
     allInquiries: data,
-    isFilterModalOpen,
-    setIsFilterModalOpen,
     isPending,
     isDeleteModalOpen,
     setIsDeleteModalOpen,
@@ -103,6 +136,12 @@ const useInquiriesListPresenter = () => {
     isMutating,
     setParams,
     shouldShowPagination,
+    clearAllFilters,
+    tableSectionRef,
+    skeletonTbodyRef,
+    dataTbodyRef,
+    pagination,
+    handlePaginationChange,
   };
 };