Design bugs in Tor Bridges Settings.

[boocmp]

Resolves brave/brave-browser#25183
Resolves brave/brave-browser#25155
Resolves brave/brave-browser#25268
Resolves brave/brave-browser#25294

Submitter Checklist:

• I confirm that no security/privacy review is needed, or that I have requested one
• There is a ticket for my issue
• Used Github auto-closing keywords in the PR description above
• Wrote a good PR/commit description
• Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
• Added appropriate labels (QA/Yes or QA/No; release-notes/include or release-notes/exclude; OS/...) to the associated issue
• Checked the PR locally: npm run test -- brave_browser_tests, npm run test -- brave_unit_tests, npm run lint, npm run gn_check, npm run tslint
• Ran git rebase master (if needed)

Reviewer Checklist:

• A security review is not needed, or a link to one is included in the PR description
• New files have MPL-2.0 license header
• Adequate test coverage exists to prevent regressions
• Major classes, functions and non-trivial code blocks are well-commented
• Changes in component dependencies are properly reflected in gn
• Code follows the style guide
• Test plan is specified in PR before merging

After-merge Checklist:

• The associated issue milestone is set to the smallest version that the
  changes has landed on
• All relevant documentation has been updated, for instance:
  • https://github.com/brave/brave-browser/wiki/Deviations-from-Chromium-(features-we-disable-or-remove)
  • https://github.com/brave/brave-browser/wiki/Proxy-redirected-URLs
  • https://github.com/brave/brave-browser/wiki/Fingerprinting-Protections
  • https://github.com/brave/brave-browser/wiki/Brave%E2%80%99s-Use-of-Referral-Codes
  • https://github.com/brave/brave-browser/wiki/Custom-Headers
  • https://github.com/brave/brave-browser/wiki/Web-Compatibility-Exceptions-in-Brave
  • https://github.com/brave/brave-browser/wiki/QA-Guide
  • https://github.com/brave/brave-browser/wiki/P3A

Test Plan:

Video
https://user-images.githubusercontent.com/73575789/189667785-588500a5-76d2-4283-9fb3-317ed3ed1141.mp4

[fmarier]

Might be worth fixing the typo in https://github.com/brave/brave-core/pull/14914/files#r966283015 as well.

[boocmp]

Might be worth fixing the typo in https://github.com/brave/brave-core/pull/14914/files#r966283015 as well.

Yep, done

[stephendonner]

Verification PASSED using

Brave	1.45.53 Chromium: 105.0.5195.136 (Official Build) nightly (x86_64)
Revision	872774b783d0e674186a3adcd2f92e7aa22a219c-refs/branch-heads/5195_124@{#4}
OS	macOS Version 13.0 (Build 22A5342f)

Issue 25183:

Confirmed jank is gone when toggling Use Bridges to Enabled and Disabled

Issue 25155:

Confirmed it now reads the plural, places

Issue 25268:

Confirmed Cancel and Submit are in the correct (for macOS) order, and with the appropriate spacing between them

Issue 25294:

Confirmed it now reads Snowflake

Unfiled; reported via Slack:

Confirmed we now match the Tor Browser's list in order and capitalization

Confirmed