fix(web): fix cursor as pointer

Author: ShubhamParkhi

web/src/layout/Header/DesktopHeader.tsx

@@ -74,11 +74,19 @@ const StyledKlerosSolutionsIcon = styled(KlerosSolutionsIcon)`
   fill: ${({ theme }) => theme.white} !important;
 `;
 
-const ConnectWalletContainer = styled.div`
+const ConnectWalletContainer = styled.div<{ isConnected: boolean }>`
   label {
     color: ${({ theme }) => theme.white};
-    cursor: pointer;
   }
+
+  ${({ isConnected }) =>
+    isConnected &&
+    css`
+      cursor: pointer;
+      & > * {
+        pointer-events: none;
+      }
+    `}
 `;
 
 const PopupContainer = styled.div`
@@ -133,7 +141,7 @@ const DesktopHeader: React.FC = () => {
         </MiddleSide>
 
         <RightSide>
-          <ConnectWalletContainer onClick={isConnected ? toggleIsSettingsOpen : undefined}>
+          <ConnectWalletContainer isConnected={isConnected} onClick={isConnected ? toggleIsSettingsOpen : undefined}>
             <ConnectWallet />
           </ConnectWalletContainer>
           <Menu {...{ toggleIsHelpOpen, toggleIsSettingsOpen }} />