feat(form): add loading state and replace custom switch component

This commit introduces a loading state for form submissions and replaces the custom switch component with a third-party library for improved user experience and maintainability.

- Adds `react-switch` as a dependency to replace the custom-built switch component, providing a more robust and feature-rich solution.
- Implements a loading indicator on form submission buttons and in the confirmation modal by utilizing the `useIsMutating` hook from TanStack Query. This provides clear visual feedback to the user during asynchronous operations.
- Creates a reusable `FormFooter` component to encapsulate the submit and cancel buttons, centralizing the form submission logic and loading state.
- Refactors the company create/edit forms to use the new `FormFooter` and `react-switch` components.
- Moves the `BreadcrumbItem` type to a shared types file for better code organization.

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -1,11 +1,11 @@
 "use client";
 import { ConfirmationModalProps } from "@/components/ui/ConfirmationModal";
+import { apiDefaultParams } from "@/constants/Api_Params";
 import { useTendersQuery } from "@/hooks/queries";
 import useDebounce from "@/hooks/useDebounce";
 import { TCustomer } from "@/lib/api";
 import { usePathname, useRouter } from "next/navigation";
-import { useEffect, useRef, useState } from "react";
-import { useInView } from "react-intersection-observer";
+import { useEffect, useState } from "react";
 import { z } from "zod";
 const useTenderListPresenter = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -15,15 +15,13 @@ const useTenderListPresenter = () => {
     Partial<ConfirmationModalProps>
   >({});
   const [params, setParams] = useState<Record<string, any>>({
-    sort: "created_at",
+    ...apiDefaultParams,
   });
   const router = useRouter();
   const debouncedSearch = useDebounce(search, 1000);
   const pathName = usePathname();
   const { data, error, isPending } = useTendersQuery(params);
 
-  const { ref, inView } = useInView({ threshold: 0.5 });
-
   useEffect(() => {
     const result = z.string().safeParse(debouncedSearch);
     if (result.success) {
@@ -36,14 +34,8 @@ const useTenderListPresenter = () => {
   const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setSearch(e.target.value);
   };
-  // const onConfirmDelete = () => {
-  //   if (currentTender) {
-  //     deleteTender(currentTender.id);
-  //   }
-  // };
 
   return {
-    ref,
     currentTender,
     setCurrentTender,
     search,