chore: add network names for caip chainids (#31372)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**
Some components use hex and some use caip so adding network name
mappings for both chainId formats

<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/31372?quickstart=1)

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

Author: micaelae

shared/constants/bridge.ts

@@ -1,12 +1,18 @@
+import { toEvmCaipChainId } from '@metamask/multichain-network-controller';
 import {
   BRIDGE_DEV_API_BASE_URL,
   BRIDGE_PROD_API_BASE_URL,
 } from '@metamask/bridge-controller';
 import { MultichainNetworks } from './multichain/networks';
 import { CHAIN_IDS, NETWORK_TO_NAME_MAP } from './network';
 
-// TODO read from feature flags
-export const ALLOWED_BRIDGE_CHAIN_IDS = [
+const ALLOWED_MULTICHAIN_BRIDGE_CHAIN_IDS = [
+  ///: BEGIN:ONLY_INCLUDE_IF(solana-swaps)
+  MultichainNetworks.SOLANA,
+  ///: END:ONLY_INCLUDE_IF
+];
+
+const ALLOWED_EVM_BRIDGE_CHAIN_IDS = [
   CHAIN_IDS.MAINNET,
   CHAIN_IDS.BSC,
   CHAIN_IDS.POLYGON,
@@ -16,12 +22,25 @@ export const ALLOWED_BRIDGE_CHAIN_IDS = [
   CHAIN_IDS.ARBITRUM,
   CHAIN_IDS.LINEA_MAINNET,
   CHAIN_IDS.BASE,
+];
+
+export const ALLOWED_BRIDGE_CHAIN_IDS = [
+  ...ALLOWED_MULTICHAIN_BRIDGE_CHAIN_IDS,
+  ...ALLOWED_EVM_BRIDGE_CHAIN_IDS,
+  CHAIN_IDS.LINEA_MAINNET,
+  CHAIN_IDS.BASE,
   ///: BEGIN:ONLY_INCLUDE_IF(solana-swaps)
   MultichainNetworks.SOLANA,
   ///: END:ONLY_INCLUDE_IF
 ];
 
-export type AllowedBridgeChainIds = (typeof ALLOWED_BRIDGE_CHAIN_IDS)[number];
+const ALLOWED_BRIDGE_CHAIN_IDS_IN_CAIP = ALLOWED_EVM_BRIDGE_CHAIN_IDS.map(
+  toEvmCaipChainId,
+).concat(ALLOWED_MULTICHAIN_BRIDGE_CHAIN_IDS);
+
+export type AllowedBridgeChainIds =
+  | (typeof ALLOWED_BRIDGE_CHAIN_IDS)[number]
+  | (typeof ALLOWED_BRIDGE_CHAIN_IDS_IN_CAIP)[number];
 
 export const BRIDGE_API_BASE_URL = process.env.BRIDGE_USE_DEV_APIS
   ? BRIDGE_DEV_API_BASE_URL
@@ -41,6 +60,17 @@ export const NETWORK_TO_SHORT_NETWORK_NAME_MAP: Record<
   [CHAIN_IDS.OPTIMISM]: NETWORK_TO_NAME_MAP[CHAIN_IDS.OPTIMISM],
   [CHAIN_IDS.ZKSYNC_ERA]: 'ZkSync Era',
   [CHAIN_IDS.BASE]: 'Base',
+  [toEvmCaipChainId(CHAIN_IDS.BASE)]: 'Base',
+  [toEvmCaipChainId(CHAIN_IDS.LINEA_MAINNET)]: 'Linea',
+  [toEvmCaipChainId(CHAIN_IDS.POLYGON)]: NETWORK_TO_NAME_MAP[CHAIN_IDS.POLYGON],
+  [toEvmCaipChainId(CHAIN_IDS.AVALANCHE)]: 'Avalanche',
+  [toEvmCaipChainId(CHAIN_IDS.BSC)]: NETWORK_TO_NAME_MAP[CHAIN_IDS.BSC],
+  [toEvmCaipChainId(CHAIN_IDS.ARBITRUM)]:
+    NETWORK_TO_NAME_MAP[CHAIN_IDS.ARBITRUM],
+  [toEvmCaipChainId(CHAIN_IDS.OPTIMISM)]:
+    NETWORK_TO_NAME_MAP[CHAIN_IDS.OPTIMISM],
+  [toEvmCaipChainId(CHAIN_IDS.ZKSYNC_ERA)]: 'ZkSync Era',
+  [toEvmCaipChainId(CHAIN_IDS.BASE)]: 'Base',
   ///: BEGIN:ONLY_INCLUDE_IF(solana-swaps)
   [MultichainNetworks.SOLANA]: 'Solana',
   [MultichainNetworks.SOLANA_TESTNET]: 'Solana Testnet',