fix: avoid running hooks conditionally

Author: Agilulfo1820

packages/vechain-kit/src/components/WalletButton/WalletDisplay.tsx

@@ -13,11 +13,6 @@ type WalletDisplayProps = {
 export const WalletDisplay = ({ variant }: WalletDisplayProps) => {
     const { account } = useWallet();
     const [isSmallMobile] = useMediaQuery('(max-width: 480px)');
-    if (!account) return <Spinner />;
-
-    if (variant === 'icon') {
-        return null;
-    }
 
     const accountDomain = useMemo(() => {
         const isLongDomain = account?.domain && account.domain.length > 18;
@@ -26,6 +21,12 @@ export const WalletDisplay = ({ variant }: WalletDisplayProps) => {
             : account?.domain;
     }, [isSmallMobile, account?.domain]);
 
+    if (!account) return <Spinner />;
+
+    if (variant === 'icon') {
+        return null;
+    }
+
     if (variant === 'iconAndDomain') {
         return account.domain ? (
             <Text fontSize="sm">{accountDomain}</Text>