fix(20853): improve the logic to handle fetch

[DDDDDanica]

Description

Fix: #20853
For sentry error:
https://metamask.sentry.io/issues/3404840685/events/a304e0a6b9784a7780254191cdb0dc59/?project=273505

In UI level, the error should be captured and contribute to a state that renders the link. Therefore, we do not need extra UI element to deal with the error. When the error shows up, we want to capture in the catch and set that state again just in case.

Manual testing steps

1. change {shouldShowNetworkInfo && <NewNetworkInfo />} to <NewNetworkInfo /> in ui/pages/routes/routes.component.js for testing purpose
2. Enable auto token detection
3. go to network and block the request starting from 0x
4. You should see the in the new token information pop up.

Screenshots/Recordings

Before

[screenshot]

After

network-info.mov

Related issues

_Fixes #20853

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained:
  • What problem this PR is solving.
  • How this problem was solved.
  • How reviewers can test my changes.
• I’ve indicated what issue this PR is linked to: Fixes #???
• I’ve included tests if applicable.
• I’ve documented any added code.
• I’ve applied the right labels on the PR (see labeling guidelines).
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

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.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [2fc4b50]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4
  • common: 0, 1, 2, 3, 4, 5, 6
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1626 ± 43 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	123	180	147	17	8
		domContentLoaded	1459	1770	1625	89	43
		load	1459	1770	1626	89	43
		domInteractive	1459	1770	1625	89	43

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 264 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[codecov]

Codecov Report

Patch coverage: 87.50% and project coverage change: +0.01% 🎉

Comparison is base (29ac616) 68.42% compared to head (7c770a3) 68.42%.
Report is 15 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #20977      +/-   ##
===========================================
+ Coverage    68.42%   68.42%   +0.01%     
===========================================
  Files         1006     1006              
  Lines        40209    40213       +4     
  Branches     10752    10754       +2     
===========================================
+ Hits         27510    27515       +5     
+ Misses       12699    12698       -1     

Files Changed	Coverage Δ
...components/ui/new-network-info/new-network-info.js	80.95% <87.50%> (+4.64%)	⬆️

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[metamaskbot]

Builds ready [7c770a3]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4
  • common: 0, 1, 2, 3, 4, 5, 6
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1524 ± 44 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	117	188	136	18	8
		domContentLoaded	1410	1696	1524	91	44
		load	1410	1697	1524	91	44
		domInteractive	1410	1696	1524	91	44

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 264 Bytes (0.00%)
• common: 0 Bytes (0.00%)