feat(companies): implement companies page with data table

This commit introduces a new "Companies" page to the dashboard, providing a comprehensive view of company data in a sortable and paginated table.

Key changes include:
- A new page at `/companies` to display the data table.
- A new API route `/api/companies` that serves mock company data.
- A `CompaniesTable` component built with `react-table` featuring sorting, pagination, and search functionality.
- Reusable `TablePagination` and `TableActions` components to support the table.
- The `moment` library has been added as a dependency to format dates within the table.
- A new `CrossIcon` has been added for UI controls.
- The `InputGroup` component is enhanced with an `autoComplete` prop.
- A link to the new "Companies" page has been added to the sidebar navigation.

src/components/Tables/customers/AssignToCompanyModalContent.tsx

@@ -0,0 +1,67 @@
+import {
+  Dispatch,
+  FC,
+  RefObject,
+  SetStateAction,
+  useEffect,
+  useState,
+} from "react";
+
+import { useForm } from "react-hook-form";
+import { TAssignCustomerToCompanyCredentials } from "@/lib/api";
+import { useCompanyFullList } from "@/hooks/queries";
+import { ILabelValue } from "@/types/shared";
+import { Select } from "@/components/FormElements/select";
+import { Building } from "@/components/Layouts/sidebar/icons";
+import { FormErrorMessages } from "@/constants/Texts";
+
+interface IProps {
+  setCompanies: Dispatch<
+    SetStateAction<TAssignCustomerToCompanyCredentials | null>
+  >;
+}
+const AssignToCompanyModalContent: FC<IProps> = ({ setCompanies }) => {
+  const [options, setOptions] = useState<ILabelValue[]>([]);
+
+  const { data, status, isSuccess } = useCompanyFullList();
+  const { handleSubmit, register } =
+    useForm<TAssignCustomerToCompanyCredentials>();
+
+  useEffect(() => {
+    if (isSuccess) {
+      setOptions(
+        data.data.companies
+          ? data.data.companies?.map((item) => ({
+              label: item.name,
+              value: item.id,
+            }))
+          : [],
+      );
+    }
+  }, [status]);
+
+  const assignCompany = (data: TAssignCustomerToCompanyCredentials) => {
+    setCompanies(data);
+  };
+  return (
+    <form className="mt-5" onSubmit={handleSubmit(assignCompany)}>
+      <Select
+        {...register("company_ids", {
+          required: { message: FormErrorMessages.required, value: true },
+          onChange: (e) => {
+            setCompanies({
+              company_ids: [e.target.value],
+            });
+          },
+        })}
+        name="company_ids"
+        label="Companies"
+        items={options}
+        prefixIcon={<Building />}
+        placeholder="Please Select company"
+      />
+    </form>
+  );
+};
+
+export default AssignToCompanyModalContent;