web: unify unit and end-to-end tests (#11598)

* Just cleaning up.

* web: removing sonarjs from yet another branch.

* web: everything except the tests are up-to-date.  There was a lot, it turns out, we simply weren't using.

* web: update package.json to support WebdriverIO 9

This commit:

- Upgrades to WebdriverIO 9.1.2
- Resets our `devDependencies` collection to remove all imports that we either were not using or
  were duplicates of existing dependencies:
  - *Babel*, of all things
  - Storybook addon css user preferences, now native to Storybook 8
  - SonarJS, *again*, sigh.
  - React

- Fixes a bug where ESLint would report missing features in our build scripts
- Fixes a bug where Wdio might not reach a headless browser before timeout
- Replaces Rollup's CSSLit with Vite's CSSLit, which actually works without hacks, for testing.
- Moves the package-lock scanner to its own script, with better reporting and tool verification,
  which also cleans up the package.lock file a little.

* web: unify unit and end-to-end tests

This commit builds on the Upgrade to WebdriverIO 9.1 and provides *two* variants of the wdio.conf
file: One in `browser` mode, so that standalone component tests are uploaded to the browser and run
independently, and one in `local` mode that allows the Webdriver-DOM framework to run end-to-end
tests.  This means that both Component and End-to-End tests use the same drivers, same framework,
and same versions, and all tests for the WebUI are contained in this folder.

* Prettier just opinionatin' all over the place.

* Eslint bein' disagreeable.

* Tests embedded like ticks.

* Someday I'll get prettier to agree with my IDE.

* Re-ran the installation with resolutions enforced.

* web: fix type errors in tests

Typechecking the tests is pretty messy, first because WebdriverIO passes around a lot of `ChainablePromise` objects, which TSC does not know
how to resolve to their final form after a full `await`, and second because I used a lot of metaprogramming to provide getters for the
different kinds of subtypes (here: providers) that we are targeting.  So there are a lot of compromises here, none of which make me
spectacularly happy, but they're all well-commented, so there's that.

* But I am done with you, orc.

* Fixed broken comment.

web/tests/specs/oauth-provider.ts

@@ -0,0 +1,50 @@
+import { expect } from "@wdio/globals";
+
+import ProviderWizardView from "../pageobjects/provider-wizard.page.js";
+import ProvidersListPage from "../pageobjects/providers-list.page.js";
+import { randomId } from "../utils/index.js";
+import { login } from "../utils/login.js";
+
+async function reachTheProvider() {
+    await ProvidersListPage.logout();
+    await login();
+    await ProvidersListPage.open();
+    await expect(await ProvidersListPage.pageHeader).toHaveText("Providers");
+
+    await ProvidersListPage.startWizardButton.click();
+    await ProviderWizardView.wizardTitle.waitForDisplayed();
+    await expect(await ProviderWizardView.wizardTitle).toHaveText("New provider");
+}
+
+describe("Configure Oauth2 Providers", () => {
+    it("Should configure a simple LDAP Application", async () => {
+        const newProviderName = `New OAuth2 Provider - ${randomId()}`;
+
+        await reachTheProvider();
+
+        await ProviderWizardView.providerList.waitForDisplayed();
+        // @ts-expect-error "TSC does not understand metaprogramming."
+        await ProviderWizardView.oauth2Provider.scrollIntoView();
+        // @ts-expect-error "TSC does not understand metaprogramming."
+        await ProviderWizardView.oauth2Provider.click();
+        await ProviderWizardView.nextButton.click();
+        await ProviderWizardView.pause();
+
+        // @ts-expect-error "TSC does not understand ChainablePromiseElement"
+        await ProviderWizardView.oauth.providerName.setValue(newProviderName);
+        await ProviderWizardView.oauth.setAuthorizationFlow(
+            "default-provider-authorization-explicit-consent",
+        );
+        await ProviderWizardView.nextButton.click();
+        await ProviderWizardView.pause();
+
+        await ProvidersListPage.searchInput.setValue(newProviderName);
+        await ProvidersListPage.clickSearchButton();
+        await ProvidersListPage.pause();
+
+        const newProvider = await ProvidersListPage.findProviderRow();
+        await newProvider.waitForDisplayed();
+        expect(newProvider).toExist();
+        expect(await newProvider.getText()).toHaveText(newProviderName);
+    });
+});