Migrate to storybook 7

src/keycloak-theme/login/pages/MyExtraPage2.stories.tsx

@@ -1,21 +1,28 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react';
 import { createPageStory } from "../createPageStory";
 
 const { PageStory } = createPageStory({
     pageId: "my-extra-page-2.ftl"
 });
 
-export default {
+const meta = {
     title: "login/MyExtraPage2",
     component: PageStory,
-} as ComponentMeta<typeof PageStory>;
+} satisfies Meta<typeof PageStory>;
 
-export const Default: ComponentStory<typeof PageStory> = () => <PageStory />;
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const WitAbc: ComponentStory<typeof PageStory> = () => (
-    <PageStory
-        kcContext={{
-            someCustomValue: "abc"
-        }}
-    />
-);
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const WitAbc: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                someCustomValue: "abc"
+            }}
+        />
+    )
+};