fix: fix hide nft (MetaMask#23833)

## **Description**

PR to fix hiding nft.

## **Changelog**


CHANGELOG entry: fixed hiding nft flow.

## **Related issues**

Fixes: MetaMask#16069

## **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] -->

### **After**

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


https://github.com/user-attachments/assets/cc92ba95-8204-43cd-a205-3df3556160d5




## **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]
> <sup>[Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) is
generating a summary for commit
d303671. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: sahar-fehri

app/components/UI/NftGrid/NftGridItemActionSheet.test.tsx

@@ -14,11 +14,6 @@ jest.mock('react-native', () => ({
   },
 }));
 
-jest.mock('../../../selectors/networkController', () => ({
-  selectChainId: jest.fn(),
-  selectSelectedNetworkClientId: jest.fn(),
-}));
-
 jest.mock('../../../util/theme', () => ({
   useTheme: () => ({
     themeAppearance: 'light',
@@ -45,6 +40,9 @@ jest.mock('../../../core/Engine', () => ({
       removeAndIgnoreNft: jest.fn(),
       addNft: jest.fn(),
     },
+    NetworkController: {
+      findNetworkClientIdByChainId: jest.fn().mockReturnValue('mainnet'),
+    },
   },
 }));
 
@@ -93,20 +91,8 @@ jest.mock('@metamask/react-native-actionsheet', () => {
   );
 });
 
-import {
-  selectChainId,
-  selectSelectedNetworkClientId,
-} from '../../../selectors/networkController';
 import Engine from '../../../core/Engine';
 
-const mockSelectChainId = selectChainId as jest.MockedFunction<
-  typeof selectChainId
->;
-const mockSelectSelectedNetworkClientId =
-  selectSelectedNetworkClientId as jest.MockedFunction<
-    typeof selectSelectedNetworkClientId
-  >;
-
 describe('NftGridItemActionSheet', () => {
   const mockNft: Nft = {
     address: '0x123',
@@ -124,8 +110,6 @@ describe('NftGridItemActionSheet', () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
-    mockSelectChainId.mockReturnValue('0x1');
-    mockSelectSelectedNetworkClientId.mockReturnValue('mainnet');
   });
 
   it('renders action sheet with correct options', () => {

app/components/UI/NftGrid/NftGridItemActionSheet.tsx

@@ -5,8 +5,7 @@ import ActionSheet from '@metamask/react-native-actionsheet';
 import { strings } from '../../../../locales/i18n';
 import Engine from '../../../core/Engine';
 import { useTheme } from '../../../util/theme';
-import { useSelector } from 'react-redux';
-import { selectSelectedNetworkClientId } from '../../../selectors/networkController';
+import { toHex } from '@metamask/controller-utils';
 
 const NftGridItemActionSheet = ({
   actionSheetRef,
@@ -16,17 +15,25 @@ const NftGridItemActionSheet = ({
   longPressedCollectible: Nft | null;
 }) => {
   const { themeAppearance } = useTheme();
-  const selectedNetworkClientId = useSelector(selectSelectedNetworkClientId);
+
+  const getNetworkClientIdForNft = (nft: Nft) => {
+    if (!nft.chainId) return undefined;
+    const { NetworkController } = Engine.context;
+    return NetworkController.findNetworkClientIdByChainId(toHex(nft.chainId));
+  };
 
   const removeNft = () => {
     if (!longPressedCollectible) return;
 
     const { NftController } = Engine.context;
+    const networkClientId = getNetworkClientIdForNft(longPressedCollectible);
+
+    if (!networkClientId) return;
 
     NftController.removeAndIgnoreNft(
       longPressedCollectible.address,
       longPressedCollectible.tokenId,
-      selectedNetworkClientId,
+      networkClientId,
     );
 
     Alert.alert(
@@ -39,11 +46,14 @@ const NftGridItemActionSheet = ({
     if (!longPressedCollectible) return;
 
     const { NftController } = Engine.context;
+    const networkClientId = getNetworkClientIdForNft(longPressedCollectible);
+
+    if (!networkClientId) return;
 
     NftController.addNft(
       longPressedCollectible.address,
       longPressedCollectible.tokenId,
-      selectedNetworkClientId,
+      networkClientId,
     );
   };