UX: Use classNames in ConnectedSitesMenu

[darkwing]

Explanation

Small cleanup to use classNames instead of inline logic for styles

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

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

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): 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, 5
  • common: 0, 1, 2, 3, 4, 5
  • 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 (1593 ± 44 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	117	395	155	64	31
		domContentLoaded	1419	1853	1593	92	44
		load	1419	1853	1593	93	44
		domInteractive	1419	1853	1593	92	44

Bundle size diffs

• background: 0 bytes
• ui: 11 bytes
• common: 0 bytes

[codecov]

Codecov Report

Merging #20067 (c387043) into develop (5d17f86) will decrease coverage by 0.00%.
The diff coverage is n/a.

@@             Coverage Diff             @@
##           develop   #20067      +/-   ##
===========================================
- Coverage    69.42%   69.42%   -0.00%     
===========================================
  Files          990      990              
  Lines        37418    37416       -2     
  Branches     10039    10037       -2     
===========================================
- Hits         25976    25974       -2     
  Misses       11442    11442              

Impacted Files	Coverage Δ
...tichain/connected-site-menu/connected-site-menu.js	100.00% <ø> (ø)