Get rid of Bootstrap style imports

Created by: valerybugakov

Problem statement

We depend on Bootstrap styles in our global styles a lot. But we don't plan to move forward with Bootstrap because we're working on the Wildcard design system. To ease the transition to our styles and gain more control over visual changes, we want to move Bootstrap styles that we need into our codebase and eventually drop Bootstrap dependency.

Success criteria

1. All bootstrap CSS rules that we need are moved into our codebase.
2. The bootstrap package is removed from the monorepo dependencies.

Linked issues

• Bootstrap removal
  • #29252 (closed)
  • #29253 (closed)
  • #29355 (closed)
  • #29356 (closed)
  • #30279 (closed)
  • #30280 (closed)
  • #30281 (closed)
  • #31574 (closed)
  • #32438 (closed)
  • #32439 (closed)
  • #32458 (closed)
  • #32819 (closed)
  • #32820 (closed)
  • #37324 (closed)
  • #37325 (closed)
  • #37914 (closed)
  • #40293 (closed)
  • #40294
  • #40295 (closed)
  • #40296 (closed)
• Post removal clean up
  • #41397 (closed)
  • #41398
  • #41399

Implementation details

Let's start with these SCSS files and create a separate PR for each one:

1. client/branded/src/global-styles/list-group.scss
2. client/branded/src/global-styles/nav.scss

Notes:

1. We want to migrate away from SCSS variables to CSS variables when we bring Bootstrap styles to our codebase.
   • Some Bootstrap SCSS variables redefined on our side are located here: client/branded/src/global-styles/index.scss. Keep that in mind while migrating to CSS variables.
2. We don't need to bring all styles defined in the imported Bootstrap package. Check what styles do we use in the codebase first.

Time estimate

• Pull requests with ~450 lines changed should take 6 hours at maximum. Ping the reviewer in the spec pull request if time-consuming changes are required.
• Split the work into multiple pull requests if the total diff is bigger than 450 lines of code.

/cc @taylorsperry @muratsu