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/useCustomerListPresenter.ts

@@ -12,8 +12,9 @@ import { useState } from "react";
 const useCustomerListPresenter = () => {
   const [isAssignCompanyModalOpen, setIsAssignCompanyModalOpen] =
     useState(false);
-  const [selectedCompanies, setSelectedCompanies] =
-    useState<TAssignCustomerToCompanyCredentials | null>(null);
+  const [selectedCompanies, setSelectedCompanies] = useState<
+    TAssignCustomerToCompanyCredentials | undefined
+  >();
   const [currentCustomer, setCurrentCustomer] = useState<TCustomer | null>(
     null,
   );
@@ -50,6 +51,7 @@ const useCustomerListPresenter = () => {
       deleteCustomer(currentCustomer.id);
     }
   };
+
   const customers = data?.pages.flatMap((page) => page.data.customers) ?? [];
   return {
     allCustomers: customers,