feat: Add ApeChain network and token icons (#11928)

## **Description**

Mobile version of:
MetaMask/metamask-extension#27974

## **Related issues**

## **Manual testing steps**

Add ApeChain custom network, with APE symbol. Native token should be
token icon, network icons should be APE network icon.

## **Screenshots/Recordings**

<img width="146" alt="Screenshot 2024-10-21 at 12 26 38 PM"
src="https://github.com/user-attachments/assets/2eb2afbf-94f7-45f9-8bba-f116c511d93b">
<img width="112" alt="Screenshot 2024-10-21 at 12 26 43 PM"
src="https://github.com/user-attachments/assets/19b76f5a-fef3-44f1-af2c-a7ac95ce7a7a">
<img width="145" alt="Screenshot 2024-10-21 at 12 26 53 PM"
src="https://github.com/user-attachments/assets/830cf9da-930e-41cc-bffc-df6cfa73c356">

## **Pre-merge author checklist**

- [x] I’ve followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/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.

---------

Co-authored-by: sahar-fehri <sahar.fehri@consensys.net>

app/images/image-icons.js

@@ -11,6 +11,7 @@ import AVAX from './avalanche.png';
 import LINEA_TESTNET from './linea-testnet-logo.png';
 import SEPOLIA from './sepolia-logo-dark.png';
 import LINEA_MAINNET from './linea-mainnet-logo.png';
+import APE_TOKEN from './ape-token.png';
 import GRAVITY from './gravity.png';
 
 export default {
@@ -28,5 +29,6 @@ export default {
   'LINEA-SEPOLIA': LINEA_TESTNET,
   SEPOLIA,
   'LINEA-MAINNET': LINEA_MAINNET,
+  APE: APE_TOKEN,
   G: GRAVITY,
 };

app/util/networks/customNetworks.tsx

@@ -133,5 +133,7 @@ export const UnpopularNetworkList = [
 export const CustomNetworkImgMapping: Record<`0x${string}`, string> = {
   '0xe': require('../../images/flare-mainnet.png'), // Flare Mainnet
   '0x13': require('../../images/songbird.png'), // Songbird Testnet
+  '0x8157': require('../../images/ape-network.png'), // ApeChain testnet
+  '0x8173': require('../../images/ape-network.png'), // ApeChain mainnet
   '0x659': require('../../images/gravity.png'), // Gravity Alpha Mainnet
 };