web: Fix css loading in unit tests, remove unneeded dot paths (#11629)

* Adding the aliases to Vite helped, but now why are the E2E tests failing?

* web: fix CSS loading with unit tests

- Fix the CSS loader and replace the cut-and-paste loader with a standardized one.
- Fix the aliasing for Wdio's "browser"-based unit testing (Vite)
  - With the aliasing fixed, remove all of the dotted paths in tests.
- Update the End-to-End tests to run in Firefox and Safari.
- Put an (optional) pause at the end of each unit test so we can visually confirm the CSS works.
  - Environment flag is `WDIO_LEMME_SEE=true`
- Reduce the verbosity of the tests to level `warn` or higher

* This change was due to a misunderstanding. It is not needed in 9.

* Fix the Oauth2 Provider test.

web/src/elements/ak-table/tests/ak-select-table.test.ts

@@ -1,7 +1,8 @@
+import { render } from "@goauthentik/elements/tests/utils.js";
 import { $, browser } from "@wdio/globals";
 import { slug } from "github-slugger";
 
-import { html, render } from "lit";
+import { html } from "lit";
 
 import "../ak-select-table.js";
 import { nutritionDbUSDA as unsortedNutritionDbUSDA } from "../stories/sample_nutrition_db.js";

web/src/elements/ak-table/tests/ak-simple-table.test.ts

@@ -1,7 +1,8 @@
+import { render } from "@goauthentik/elements/tests/utils.js";
 import { $ } from "@wdio/globals";
 import { slug } from "github-slugger";
 
-import { html, render } from "lit";
+import { html } from "lit";
 
 import "../ak-simple-table.js";
 import { nutritionDbUSDA } from "../stories/sample_nutrition_db.js";