fix: network name in token details (#25106)

<!--
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**

<!--
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?
-->

Changed code to use exclusively the chain name of the token that is
being viewed.

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry: Fixed a bug in the network name for the token detail
page

## **Related issues**

Fixes: #25100

## **Manual testing steps**

```gherkin
Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]
```

## **Screenshots/Recordings**

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

### **Before**

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


https://github.com/user-attachments/assets/f572de39-939e-4241-9859-fda885f4273e


### **After**

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


https://github.com/user-attachments/assets/f007756e-d19e-4b8e-8916-60df581a8b97


## **Pre-merge author checklist**

- [ ] 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).
- [ ] 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-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.

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Fixes network name display in Asset Details by sourcing it directly
from the network configuration for the current `chainId`.
> 
> - Replace provider/all-networks-based resolution with
`selectNetworkConfigurationByChainId` and
`networkConfigurationByChainId?.name`
> - Remove unused imports/selectors and `getNetworkName` callback;
simplify state selection
> - Use `networkName` in the inline header and in the "Network" section
rendering
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
c8923de. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: bergarces

app/components/Views/AssetDetails/index.tsx

@@ -30,7 +30,7 @@ import { IconName as ComponentLibraryIconName } from '../../../component-library
 import EthereumAddress from '../../UI/EthereumAddress';
 import Icon from 'react-native-vector-icons/Feather';
 import TokenImage from '../../UI/TokenImage';
-import Networks, { getDecimalChainId } from '../../../util/networks';
+import { getDecimalChainId } from '../../../util/networks';
 import Engine from '../../../core/Engine';
 import Logger from '../../../util/Logger';
 import NotificationManager from '../../../core/NotificationManager';
@@ -44,12 +44,7 @@ import WarningMessage from '../confirmations/legacy/components/WarningMessage';
 import { useTheme } from '../../../util/theme';
 import { MetaMetricsEvents } from '../../../core/Analytics';
 import Routes from '../../../constants/navigation/Routes';
-import {
-  selectProviderConfig,
-  selectNetworkConfigurationByChainId,
-  selectIsAllNetworks,
-  selectEvmNetworkConfigurationsByChainId,
-} from '../../../selectors/networkController';
+import { selectNetworkConfigurationByChainId } from '../../../selectors/networkController';
 import {
   selectCurrentCurrency,
   selectConversionRateBySymbol,
@@ -165,7 +160,6 @@ const AssetDetails = (props: InnerProps) => {
   const styles = createStyles(colors);
   const navigation = useNavigation<NavigationProp<PerpsNavigationParamList>>();
   const { toastRef } = useContext(ToastContext);
-  const providerConfig = useSelector(selectProviderConfig);
   const selectedAccountAddressEvm = useSelector(selectLastSelectedEvmAccount);
 
   // Perps Discovery Banner
@@ -174,16 +168,10 @@ const AssetDetails = (props: InnerProps) => {
   const selectedAccountAddress = selectedAccountAddressEvm?.address;
   const chainId = networkId;
 
-  const networkConfigurations = useSelector(
-    selectEvmNetworkConfigurationsByChainId,
-  );
-  const isAllNetworks = useSelector(selectIsAllNetworks);
-
-  const tokenNetworkConfig = networkConfigurations[networkId]?.name;
-
   const networkConfigurationByChainId = useSelector((state: RootState) =>
     selectNetworkConfigurationByChainId(state, chainId),
   );
+  const networkName = networkConfigurationByChainId?.name;
   const conversionRateBySymbol = useSelector((state: RootState) =>
     selectConversionRateBySymbol(
       state,
@@ -221,22 +209,7 @@ const AssetDetails = (props: InnerProps) => {
     }
   }, [marketData, navigation]);
 
-  const getNetworkName = useCallback(() => {
-    let name = '';
-    if (isAllNetworks) {
-      name = tokenNetworkConfig;
-    } else if (providerConfig.nickname) {
-      name = providerConfig.nickname;
-    } else {
-      name =
-        (Networks as Record<string, { name: string }>)[providerConfig.type]
-          ?.name || { ...Networks.rpc, color: null }.name;
-    }
-    return name;
-  }, [isAllNetworks, tokenNetworkConfig, providerConfig]);
-
   const insets = useSafeAreaInsets();
-  const networkName = getNetworkName();
 
   const copyAddressToClipboard = async () => {
     await ClipboardManager.setString(address);