Ensuring Blockies Icon is used in nickname popup when enabled

[ryanml]

Fixes: #15764

Component was being directly imported as opposed to the containerized import

Test Plan

Defined in issue

[metamaskbot]

Builds ready [14a8bd7]

• builds: chrome, firefox, opera
• builds (beta): chrome, firefox, opera
• builds (flask): chrome, firefox, opera
• 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, 5, 6
  • common: 0, 1, 2, 3, 4, 5, 6, 7
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1937 ± 53 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	111	316	150	44	21
		domContentLoaded	1764	2184	1908	117	56
		load	1765	2184	1937	111	53
		domInteractive	1764	2184	1908	117	56

highlights:

storybook

• ui/components/app/transaction-list-item/transaction-list-item.stories.js
• ui/components/app/transaction-list/transaction-list.stories.js
• ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
• ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
• ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
• ui/pages/confirm-approve/confirm-approve.stories.js
• ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
• ui/pages/confirm-send-ether/confirm-send-ether.stories.js
• ui/pages/confirm-send-token/confirm-send-token.stories.js
• ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
• ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
• ui/pages/send/send-content/send-content.stories.js