feat(tables): integrate EmptyListWrapper component for improved empty state handling

- Add EmptyListWrapper to various tables (Admins, Companies, Customers, Feedback, Notification History, Tenders) to provide a consistent empty state message when no data is available.
- Update phone number and status display logic in the Profile page to handle null values gracefully.
- Introduce worktree setup configuration in worktrees.json for easier project setup.

src/components/Tables/customers/index.tsx

@@ -5,6 +5,7 @@ import { Building } from "@/components/Layouts/sidebar/icons";
 import ConfirmationModal from "@/components/ui/ConfirmationModal";
 import ListHeader from "@/components/ui/ListHeader";
 import Modal from "@/components/ui/modal";
+import Pagination from "@/components/ui/pagination";
 import Status from "@/components/ui/Status";
 import {
   Table,
@@ -30,6 +31,7 @@ const CustomersTable = () => {
     router,
     columns,
     allCustomers,
+    metadata,
     isModalOpen,
     assignSelectedCompanies,
     selectedCompanies,
@@ -48,6 +50,7 @@ const CustomersTable = () => {
     watch,
     setFilterValue,
     isMutating,
+    setParams,
   } = useCustomerListPresenter();
   return (
     <div className="flex flex-col rounded-[10px] bg-white px-7.5 pb-4 pt-7.5 shadow-1 dark:bg-gray-dark dark:shadow-card">
@@ -170,6 +173,17 @@ const CustomersTable = () => {
           </EmptyListWrapper>
         </TableBody>
       </Table>
+      <Pagination
+        currentPage={metadata?.page ? metadata?.page - 1 : 0}
+        totalPages={metadata?.pages ?? 1}
+        onPageChange={(e) => {
+          setParams((currentParams) => ({
+            ...currentParams,
+            offset: e.selected * (metadata?.limit ?? 10),
+            limit: metadata?.limit ?? 10,
+          }));
+        }}
+      />
       <Modal
         isOpen={isFilterModalOpen}
         onClose={() => setIsFilterModalOpen(false)}