feat: Add loading states and improve form handling

This commit introduces several enhancements to form components and user experience across the application.

- **Sign-in Form:**
  - Implemented a loading state using `useIsMutating` from TanStack Query.
  - The username and password fields are now disabled during the login process to prevent concurrent submissions.
  - The "Sign in" button displays a spinner while the mutation is pending, providing clear visual feedback.

- **Assign to Company Modal:**
  - Refactored the modal to use `react-hook-form` for more robust state management and validation.
  - The form submission button is now disabled while the assignment request is in progress.

- **Tag Input Component:**
  - Added a new `shouldAddWithSpace` prop to allow creating tags by pressing the space bar, increasing the component's flexibility.

- **Header:**
  - Corrected the image path for the mobile header logo to display the correct icon.

src/components/Tables/customers/AssignToCompanyModalContent.tsx

@@ -1,31 +1,31 @@
-import {
-  Dispatch,
-  FC,
-  RefObject,
-  SetStateAction,
-  useEffect,
-  useState,
-} from "react";
+import { Dispatch, FC, 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";
+import { useCompanyFullList } from "@/hooks/queries";
+import { TAssignCustomerToCompanyCredentials } from "@/lib/api";
+import { ILabelValue } from "@/types/shared";
+import { useForm } from "react-hook-form";
 
 interface IProps {
   setCompanies: Dispatch<
-    SetStateAction<TAssignCustomerToCompanyCredentials | null>
+    SetStateAction<TAssignCustomerToCompanyCredentials | undefined>
   >;
+  defaultValues?: TAssignCustomerToCompanyCredentials;
 }
-const AssignToCompanyModalContent: FC<IProps> = ({ setCompanies }) => {
+const AssignToCompanyModalContent: FC<IProps> = ({
+  setCompanies,
+  defaultValues,
+}) => {
   const [options, setOptions] = useState<ILabelValue[]>([]);
 
   const { data, status, isSuccess } = useCompanyFullList();
   const { handleSubmit, register } =
-    useForm<TAssignCustomerToCompanyCredentials>();
+    useForm<TAssignCustomerToCompanyCredentials>({
+      mode: "onChange",
+      defaultValues,
+    });
 
   useEffect(() => {
     if (isSuccess) {