feat(sidebar): add calls section to navigation menu

This commit introduces a new "Calls" section to the main sidebar navigation to provide users with access to call logs.

- Adds a new collapsible "Calls" menu item to the sidebar configuration.
- Includes sub-links for "All Calls", "Incoming", "Outgoing", and "Missed" calls.
- Creates new custom icons (GlobeSearch, CallIncome, CallMade, CallMissed, CallReceived) to support the new menu items.
- Updates `apexcharts` and `react-apexcharts` dependencies to newer versions.

src/components/Tables/notification-history/useNotificationHistoryTablePresenter.ts

@@ -1,15 +1,20 @@
 "use client";
 import { apiDefaultParams } from "@/constants/Api_Params";
 import { useGetNotificationHistoryQuery } from "@/hooks/queries/useNotificationQueries";
+import { deleteEmptyKeys } from "@/utils/shared";
+import { useIsMutating } from "@tanstack/react-query";
 import { usePathname, useRouter } from "next/navigation";
 import { useState } from "react";
+import { useForm } from "react-hook-form";
 
 const useNotificationHistoryTablePresenter = () => {
+  const { register, handleSubmit, watch, setValue } = useForm();
+  const [isFilterModalOpen, setIsFilterModalOpen] = useState(false);
   const [params, setParams] = useState<Record<string, any>>({
     ...apiDefaultParams,
   });
   const { data, isLoading } = useGetNotificationHistoryQuery(params);
-
+  const isMutating = useIsMutating();
   const columns: string[] = [
     "row",
     "title",
@@ -25,6 +30,14 @@ const useNotificationHistoryTablePresenter = () => {
   ];
   const pathName = usePathname();
   const router = useRouter();
+  const search = (data: any) => {
+    const newParams = { ...params, ...data, offset: 0 };
+    const cleanedParams = deleteEmptyKeys(newParams);
+    setParams(cleanedParams);
+    const queryString = new URLSearchParams(cleanedParams).toString();
+    router.push(`${pathName}?${queryString}`);
+    setIsFilterModalOpen(false);
+  };
   return {
     notificationHistory: data?.data,
     metadata: data?.meta,
@@ -33,6 +46,14 @@ const useNotificationHistoryTablePresenter = () => {
     router,
     pathName,
     setParams,
+    register,
+    handleSubmit,
+    watch,
+    setValue,
+    isFilterModalOpen,
+    setIsFilterModalOpen,
+    isMutating,
+    search,
   };
 };