fixed network selection (hex string) and icons

src/components/TopBar/TopBar.vue

@@ -80,9 +80,10 @@ const closeMenu = (): void => {
 
 const networkChange = async (network: NetworkConfig): Promise<void> => {
   currencyMenuOpenToggle.value = false;
+  const chainId = network.id.toString(16)
   try {
     await setChain({
-      chainId: String(network.id),
+      chainId: `0x${chainId}`,
       wallet: connectedWallet.value?.label || "",
     });
     user.setNetwork(network);

src/components/ui/ToasterComponent.vue

@@ -23,11 +23,12 @@ const checkNetwork = () => {
 const switchNetwork = async () => {
   try {
     if (connectedWallet.value && connectedWallet.value.provider) {
+      let chainId = network.value.id.toString(16);
       await connectedWallet.value.provider.request({
         method: "wallet_switchEthereumChain",
         params: [
           {
-            chainId: network.value.id,
+            chainId: `0x${chainId}`,
           },
         ],
       });