fix: Prevent BadgeStatus' tooltip from rerendering

[darkwing]

Description

The Tooltip in this component re-renders for two reasons:

1. The { display: 'flex' } is a new object
2. The child contents of the tooltip are different despite the objects looking the same

By memoizing the child element, the Tooltip doesn't frequently re-render

Related issues

Fixes:

Manual testing steps

1. Checkout main branch
2. Start the extension with ENABLE_WHY_DID_YOU_RENDER enabled
3. Open the account list menu
4. See loads of re-renders of tooltips in the BadgeStatus component
5. Checkout this branch
6. Start the extension with ENABLE_WHY_DID_YOU_RENDER enabled
7. Open the account list menu
8. Don't see all of the re-renders

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• 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 format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). 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.

[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 [de6574d]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (2151 ± 141 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	523	2522	2045	441	212
		domContentLoaded	1615	2420	2065	253	121
		load	1656	2640	2151	293	141
		domInteractive	29	104	42	17	8
		backgroundConnect	17	353	88	76	36
		firstReactRender	14	88	33	21	10
		getState	7	123	42	33	16
		initialActions	0	1	0	0	0
		loadScripts	1215	1882	1589	205	98
		setupStore	8	55	16	12	6
		uiStartup	1884	4057	2571	550	264

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 617 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[vinnyhoward]

LGTM