feat(frontend): move wallet connect btn out of menu into header

src/frontend/src/eth/components/wallet-connect/WalletConnectButton.svelte

@@ -1,9 +1,17 @@
 <script lang="ts">
 	import IconWalletConnect from '$lib/components/icons/IconWalletConnect.svelte';
 	import { ethAddressNotLoaded } from '$lib/derived/address.derived';
+
+	export let ariaLabel: string | undefined = undefined;
 </script>
 
-<button on:click class="tertiary text-primary h-10" disabled={$ethAddressNotLoaded}>
+<button
+	aria-label={ariaLabel}
+	on:click
+	class="tertiary text-primary h-10"
+	class:icon={!$$slots.default}
+	disabled={$ethAddressNotLoaded}
+>
 	<IconWalletConnect size="24" />
 	<slot />
 </button>

src/frontend/src/eth/components/wallet-connect/WalletConnectSession.svelte

@@ -18,8 +18,10 @@
 	import { initWalletConnectListener } from '$eth/services/eth-listener.services';
 	import { walletConnectPaired } from '$eth/stores/wallet-connect.store';
 	import type { OptionWalletConnectListener } from '$eth/types/wallet-connect';
+	import { TRACK_COUNT_WALLET_CONNECT_MENU_OPEN } from '$lib/constants/analytics.contants';
 	import { ethAddress } from '$lib/derived/address.derived';
 	import { modalWalletConnect, modalWalletConnectAuth } from '$lib/derived/modal.derived';
+	import { trackEvent } from '$lib/services/analytics.services';
 	import { busy } from '$lib/stores/busy.store';
 	import { i18n } from '$lib/stores/i18n.store';
 	import { loading } from '$lib/stores/loader.store';
@@ -336,12 +338,23 @@
 	$: walletConnectPaired.set(nonNullish(listener));
 
 	onDestroy(() => walletConnectPaired.set(false));
+
+	const openWalletConnectAuth = async () => {
+		modalStore.openWalletConnectAuth();
+
+		await trackEvent({
+			name: TRACK_COUNT_WALLET_CONNECT_MENU_OPEN
+		});
+	};
 </script>
 
 {#if nonNullish(listener)}
 	<WalletConnectButton on:click={disconnect}
 		>{$i18n.wallet_connect.text.disconnect}</WalletConnectButton
 	>
+{:else}
+	<WalletConnectButton ariaLabel={$i18n.wallet_connect.text.name} on:click={openWalletConnectAuth}
+	></WalletConnectButton>
 {/if}
 
 {#if $modalWalletConnectAuth}

src/frontend/src/lib/components/core/Menu.svelte

@@ -2,7 +2,7 @@
 	import { IconUser, Popover } from '@dfinity/gix-components';
 	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
-	import MenuWallet from '$lib/components/core/MenuWallet.svelte';
+	import MenuAddresses from '$lib/components/core/MenuAddresses.svelte';
 	import SignOut from '$lib/components/core/SignOut.svelte';
 	import AboutWhyOisy from '$lib/components/hero/about/AboutWhyOisy.svelte';
 	import IconGitHub from '$lib/components/icons/IconGitHub.svelte';
@@ -39,8 +39,8 @@
 	let dAppExplorerRoute = false;
 	$: dAppExplorerRoute = isRouteDappExplorer($page);
 
-	let walletOptions = true;
-	$: walletOptions = !settingsRoute;
+	let addressesOption = true;
+	$: addressesOption = !settingsRoute && !dAppExplorerRoute;
 </script>
 
 <ButtonIcon
@@ -55,8 +55,8 @@
 
 <Popover bind:visible anchor={button} direction="rtl">
 	<div class="flex flex-col gap-4" data-tid={NAVIGATION_MENU}>
-		{#if walletOptions}
-			<MenuWallet on:icMenuClick={hidePopover} />
+		{#if addressesOption}
+			<MenuAddresses on:icMenuClick={hidePopover} />
 		{/if}
 
 		{#if !dAppExplorerRoute && !settingsRoute}

src/frontend/src/lib/components/core/MenuWallet.svelte → src/frontend/src/lib/components/core/MenuAddresses.svelte

@@ -2,35 +2,19 @@
 	import { createEventDispatcher } from 'svelte';
 	import BtcWalletAddress from '$btc/components/core/BtcWalletAddress.svelte';
 	import EthWalletAddress from '$eth/components/core/EthWalletAddress.svelte';
-	import { walletConnectPaired } from '$eth/stores/wallet-connect.store';
 	import IcWalletAddress from '$icp/components/core/IcWalletAddress.svelte';
 	import WalletAddresses from '$lib/components/core/WalletAddresses.svelte';
-	import IconWalletConnect from '$lib/components/icons/IconWalletConnect.svelte';
-	import ButtonMenu from '$lib/components/ui/ButtonMenu.svelte';
 	import Hr from '$lib/components/ui/Hr.svelte';
-	import { TRACK_COUNT_WALLET_CONNECT_MENU_OPEN } from '$lib/constants/analytics.contants';
 	import {
 		networkBitcoin,
 		networkEthereum,
 		networkICP,
 		pseudoNetworkChainFusion
 	} from '$lib/derived/network.derived';
-	import { trackEvent } from '$lib/services/analytics.services';
-	import { i18n } from '$lib/stores/i18n.store';
-	import { modalStore } from '$lib/stores/modal.store';
 
 	const dispatch = createEventDispatcher();
 
 	const click = () => dispatch('icMenuClick');
-
-	const openWalletConnectAuth = async () => {
-		click();
-		modalStore.openWalletConnectAuth();
-
-		await trackEvent({
-			name: TRACK_COUNT_WALLET_CONNECT_MENU_OPEN
-		});
-	};
 </script>
 
 {#if $networkICP}
@@ -44,14 +28,3 @@
 {/if}
 
 <Hr />
-
-<ButtonMenu
-	ariaLabel={$i18n.wallet_connect.text.name}
-	on:click={openWalletConnectAuth}
-	disabled={$walletConnectPaired}
->
-	<IconWalletConnect />
-	{$i18n.wallet_connect.text.name}
-</ButtonMenu>
-
-<Hr />