fix: Update the connections menu for dapp connections

[NidhiKJha]

This PR is to update the dapp connections flow. We have added a new ayer by adding connections modal

Related issues

Fixes: 4103

Manual testing steps

1. Run extension with process.env.REMOVE_GNS
2. Connect extension to a Dapp and check the updated popover
3. When disconnected, click on connections icon and check the updated popover
4. NOTE: In connected state, network name is not implemented. Will update it later

OR
Run storybook, check for ConnectedSitePopover Story

Screenshots/Recordings

Before

After

Not connected Story

Connected Story

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.

[metamaskbot]

Builds ready [12f595d]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1802 ± 79 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	276	2066	1655	439	211
		domContentLoaded	1499	2101	1774	162	78
		load	1514	2110	1802	165	79
		domInteractive	19	94	41	22	10
		backgroundConnect	10	83	35	25	12
		firstReactRender	15	70	33	23	11
		getState	5	58	19	20	9
		initialActions	0	1	0	0	0
		loadScripts	1063	1589	1295	141	68
		setupStore	8	62	15	14	7
		uiStartup	1740	2617	2075	214	103

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 4.86 KiB (0.06%)
• common: 86 Bytes (0.00%)

[metamaskbot]

Builds ready [565ab33]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1803 ± 99 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	248	2042	1646	460	221
		domContentLoaded	1527	2401	1773	211	101
		load	1543	2406	1803	207	99
		domInteractive	20	175	47	39	19
		backgroundConnect	10	59	30	19	9
		firstReactRender	14	93	37	27	13
		getState	5	64	23	23	11
		initialActions	0	0	0	0	0
		loadScripts	1077	1782	1295	174	83
		setupStore	6	93	19	23	11
		uiStartup	1733	2635	2076	248	119

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 4.8 KiB (0.06%)
• common: 217 Bytes (0.00%)

[metamaskbot]

Builds ready [97ed9fc]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1855 ± 78 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	248	2159	1686	495	238
		domContentLoaded	1586	2096	1819	149	72
		load	1593	2167	1855	163	78
		domInteractive	23	141	43	26	13
		backgroundConnect	10	89	38	24	12
		firstReactRender	14	70	28	19	9
		getState	5	63	19	18	9
		initialActions	0	0	0	0	0
		loadScripts	1163	1650	1379	129	62
		setupStore	8	66	20	20	9
		uiStartup	1831	2393	2111	172	83

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 5.42 KiB (0.07%)
• common: 217 Bytes (0.00%)