Automation: Auth Provider config page contains bad code block

[gaktive]

Based on work done in https://github.com/rancher/dashboard/issues/7737, let's write an automated test to ensure that the code block for admin fits inline. This could be expanded (if it's quick) to ensure our styling in code blocks looks OK but we can focus on the Auth Providers first.

To reproduce:

• Burger Menu --> Users & Authentication --> Auth Provider --> Github
• Scroll to bottom

Expected result is not this:

[cnotv]

Just to don't get this lost in the air @gaktive, we should handle these types of tests with some visual tests.

Components like this one should be added to Storybook and reviewed there. The code also has 5 repetitions which should have been clearly converted in a prop of the Banner component, then reviewed within Storybook.

If we have visual tests and the style guide is reviewed, changes would be hard to be missed.

[gaktive]

@cnotv thanks. If more tests are needed on that front, please file tickets for tracking those as tech debt.

[gaktive]

This should be considered a child ticket for an eventual test suite for visual effects. This likely will be in Storybook.