feat(frontend): add exporerUrl to BTC networks [GIX-2795] (#2557)

# Motivation

The goal is to extend BTC networks with already defined explorer URLs.
It will be used in the BTC transaction detail modal.

src/frontend/src/btc/types/network.ts

@@ -0,0 +1,3 @@
+import type { Network, NetworkAppMetadata } from '$lib/types/network';
+
+export type BitcoinNetwork = Network & Partial<NetworkAppMetadata>;

src/frontend/src/env/networks.env.ts

@@ -1,4 +1,10 @@
-import { ETHEREUM_EXPLORER_URL, SEPOLIA_EXPLORER_URL } from '$env/explorers.env';
+import type { BitcoinNetwork } from '$btc/types/network';
+import {
+	BTC_MAINNET_EXPLORER_URL,
+	BTC_TESTNET_EXPLORER_URL,
+	ETHEREUM_EXPLORER_URL,
+	SEPOLIA_EXPLORER_URL
+} from '$env/explorers.env';
 import { ETH_MAINNET_ENABLED } from '$env/networks.eth.env';
 import sepolia from '$eth/assets/sepolia.svg';
 import type { EthereumChainId, EthereumNetwork } from '$eth/types/network';
@@ -82,36 +88,38 @@ export const BTC_MAINNET_NETWORK_SYMBOL = 'BTC';
 
 export const BTC_MAINNET_NETWORK_ID = Symbol(BTC_MAINNET_NETWORK_SYMBOL);
 
-export const BTC_MAINNET_NETWORK: Network = {
+export const BTC_MAINNET_NETWORK: BitcoinNetwork = {
 	id: BTC_MAINNET_NETWORK_ID,
 	env: 'mainnet',
 	name: 'Bitcoin',
 	icon: bitcoin,
+	explorerUrl: BTC_MAINNET_EXPLORER_URL,
 	buy: { onramperId: 'bitcoin' }
 };
 
 export const BTC_TESTNET_NETWORK_SYMBOL = 'BTC (Testnet)';
 
 export const BTC_TESTNET_NETWORK_ID = Symbol(BTC_TESTNET_NETWORK_SYMBOL);
 
-export const BTC_TESTNET_NETWORK: Network = {
+export const BTC_TESTNET_NETWORK: BitcoinNetwork = {
 	id: BTC_TESTNET_NETWORK_ID,
 	env: 'testnet',
 	name: 'Bitcoin',
+	explorerUrl: BTC_TESTNET_EXPLORER_URL,
 	icon: bitcoinTestnet
 };
 
 export const BTC_REGTEST_NETWORK_SYMBOL = 'BTC (Regtest)';
 
 export const BTC_REGTEST_NETWORK_ID = Symbol(BTC_REGTEST_NETWORK_SYMBOL);
 
-export const BTC_REGTEST_NETWORK: Network = {
+export const BTC_REGTEST_NETWORK: BitcoinNetwork = {
 	id: BTC_REGTEST_NETWORK_ID,
 	env: 'testnet',
 	name: 'Bitcoin (Regtest)'
 };
 
-export const BITCOIN_NETWORKS: Network[] = [
+export const BITCOIN_NETWORKS: BitcoinNetwork[] = [
 	BTC_MAINNET_NETWORK,
 	BTC_TESTNET_NETWORK,
 	...(LOCAL ? [BTC_REGTEST_NETWORK] : [])

src/frontend/src/eth/types/network.ts

@@ -1,13 +1,9 @@
-import type { Network } from '$lib/types/network';
+import type { Network, NetworkAppMetadata } from '$lib/types/network';
 
 export type EthereumChainId = bigint;
 
 export interface NetworkChainId {
 	chainId: EthereumChainId;
 }
 
-export interface EthereumAppMetadata {
-	explorerUrl: string;
-}
-
-export type EthereumNetwork = Network & NetworkChainId & EthereumAppMetadata;
+export type EthereumNetwork = Network & NetworkChainId & NetworkAppMetadata;

src/frontend/src/lib/types/network.ts

@@ -16,3 +16,7 @@ export interface Network {
 export interface NetworkBuy {
 	onramperId?: OnramperNetworkId;
 }
+
+export interface NetworkAppMetadata {
+	explorerUrl: string;
+}