[BEEEP] [PM-10132] Upgrade storybook to v8 (#10288)

Upgrade storybook to version v8 which is a major upgrade. Storybook provides an
upgrade wizard which did most of the work.

- Ran npx storybook upgrade.
- Manually updated `remark-gfm` since the newer mdx requires v 4.
- Migrated all old stories still using `Story` to `StoryObj`.

libs/components/src/stories/icons.mdx

@@ -1,5 +1,3 @@
-{/* Iconography.stories.mdx */}
-
 import { Meta } from "@storybook/addon-docs";
 
 <Meta title="Documentation/Icons" />

libs/components/src/stories/kitchen-sink/kitchen-sink.stories.ts

@@ -8,13 +8,7 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
 } from "@storybook/angular";
-import {
-  userEvent,
-  getAllByRole,
-  getByRole,
-  getByLabelText,
-  fireEvent,
-} from "@storybook/testing-library";
+import { userEvent, getAllByRole, getByRole, getByLabelText, fireEvent } from "@storybook/test";
 
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 
@@ -126,14 +120,14 @@ export const MenuOpen: Story = {
 
 export const DefaultDialogOpen: Story = {
   ...Default,
-  play: (context) => {
+  play: async (context) => {
     const canvas = context.canvasElement;
     const dialogButton = getByRole(canvas, "button", {
       name: "Open Dialog",
     });
 
     // workaround for userEvent not firing in FF https://github.com/testing-library/user-event/issues/1075
-    fireEvent.click(dialogButton);
+    await fireEvent.click(dialogButton);
   },
 };
 
@@ -151,14 +145,14 @@ export const PopoverOpen: Story = {
 
 export const SimpleDialogOpen: Story = {
   ...Default,
-  play: (context) => {
+  play: async (context) => {
     const canvas = context.canvasElement;
     const submitButton = getByRole(canvas, "button", {
       name: "Submit",
     });
 
     // workaround for userEvent not firing in FF https://github.com/testing-library/user-event/issues/1075
-    fireEvent.click(submitButton);
+    await fireEvent.click(submitButton);
   },
 };