[web] Show loading state during siwe_auth server call

Summary: Solves [ENG-4326](https://linear.app/comm/issue/ENG-4326/add-loading-indicator-for-web-siwe-flow). We should show some sort of loading state while the server call is ongoing.

Test Plan: {F678299}

Reviewers: atul, ginsu

Reviewed By: ginsu

Subscribers: tomek

Differential Revision: https://phab.comm.dev/D8754

web/account/siwe-login-form.react.js

@@ -47,6 +47,8 @@ type SIWELoginFormProps = {
 const getSIWENonceLoadingStatusSelector = createLoadingStatusSelector(
   getSIWENonceActionTypes,
 );
+const siweAuthLoadingStatusSelector =
+  createLoadingStatusSelector(siweAuthActionTypes);
 function SIWELoginForm(props: SIWELoginFormProps): React.Node {
   const { address } = useAccount();
   const { data: signer } = useSigner();
@@ -55,6 +57,7 @@ function SIWELoginForm(props: SIWELoginFormProps): React.Node {
   const getSIWENonceCallLoadingStatus = useSelector(
     getSIWENonceLoadingStatusSelector,
   );
+  const siweAuthLoadingStatus = useSelector(siweAuthLoadingStatusSelector);
   const siweAuthCall = useServerCall(siweAuth);
   const logInExtraInfo = useSelector(webLogInExtraInfoSelector);
 
@@ -153,7 +156,12 @@ function SIWELoginForm(props: SIWELoginFormProps): React.Node {
     [],
   );
 
-  if (!siweNonce || !primaryIdentityPublicKeys || !signedIdentityKeysBlob) {
+  if (
+    siweAuthLoadingStatus === 'loading' ||
+    !siweNonce ||
+    !primaryIdentityPublicKeys ||
+    !signedIdentityKeysBlob
+  ) {
     return (
       <div className={css.loadingIndicator}>
         <LoadingIndicator status="loading" size="large" />