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/index.tsx

@@ -112,6 +112,9 @@ const CustomersTable = () => {
                     onClick={() => {
                       setCurrentCustomer(customer);
                       setIsAssignCompanyModalOpen(true);
+                      setSelectedCompanies({
+                        company_ids: [customer?.companies?.[0]?.id ?? ""],
+                      });
                     }}
                   >
                     <span className="sr-only">Assign To Company </span>
@@ -145,7 +148,10 @@ const CustomersTable = () => {
         isOpen={isAssignCompanyModalOpen}
         onClose={() => setIsAssignCompanyModalOpen(false)}
       >
-        <AssignToCompanyModalContent setCompanies={setSelectedCompanies} />
+        <AssignToCompanyModalContent
+          setCompanies={setSelectedCompanies}
+          defaultValues={selectedCompanies}
+        />
       </Modal>
       {isModalOpen && (
         <ConfirmationModal