CONSOLE-2361: Remove remaining Bootstrap and Patternfly3 dependencies

[sg00dwin]

Addition of ancillary css partials to support bootstrap and pf3 while their dependencies are removed from package.json. In conjunction with their removal we are enabling the pf4 reset and removing the shield-inheritables rules as is the recommended Patternfly default settings. These changes could cause secondary issues as the result of embedded custom rules relying upon those settings.*

Includes removal and/or changes to rules and variables that are no longer in use. Switching out PF3 color vars for PF4 corresponding vars.

Some Patternfly components have styles scoped to a primary parent rule. A primary example being .pf-c-content which assigns many html element specific variable names, eg. --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg) that set values for the child, in this case h2. And since we don’t wrap our content in the pf-c-content class then these child elements aren't passed those values.

*Lots of legacy rules built upon or intermixed within our custom plugins and components.

Related PRs

#9419
#9452
#9458
#9460
#9462
#9512
#9515
#9517
#9524
#9555
#9650

[rhamilto]

Looking good!

A few comments.

And https://github.com/openshift/console/pull/9532/files#diff-049faa5ce34c5bf62e8472fcaef6a95175850c7e3949acc7480fa4b1d70dccc5L6-L8 is a problem since you're cutting the dependency but still including the color vars. Need to update anything that is using a PF3 color var to a PF4 color var.

[rhamilto]

Fantastic work, @sg00dwin. A few nits.

[rhamilto]

/assign @yapei
for QE approval. @yapei this is a pretty significant change to our CSS, and I imagine it is going to result in some regressions (despite heroic efforts by @sg00dwin to address any issues). Unless there is something significant, I think it is in our best interests to merge this sooner rather than later so we have more time for any possible regressions to be identified and fixed prior to release.

This PR has no user visible changes, and we have general docs and px approval for this epic. @ahardin-rh @sferich888 FYI

/label docs-approved
/label px-approved

[XiyunZhao]

/label qe-approved

[XiyunZhao]

This change is verified on the private build.
No issue found on Overview, events, Resource Quotas, ImageStreams, and so on pages. The changes for the component layout, color, view and etc. are not impacting the normal view or function of the page. like form, nav-action, error_msg and so on

[sg00dwin]

/retest

[rhamilto]

/lgtm

[rhamilto]

/retest

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: rhamilto, sg00dwin

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [rhamilto]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[spadgett]

/retest

[openshift-bot]

/retest-required

Please review the full test history for this PR and help us cut down flakes.