Migrate to storybook 7

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

@@ -1,23 +1,30 @@
 //This is to show that you can create stories for pages that you haven't overloaded.
 
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react';
 import { createPageStory } from "../createPageStory";
 
 const { PageStory } = createPageStory({
     pageId: "login-reset-password.ftl"
 });
 
-export default {
+const meta = {
     title: "login/LoginResetPassword",
     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 WithEmailAsUsername: ComponentStory<typeof PageStory> = () => (
-    <PageStory
-        kcContext={{
-            realm: { loginWithEmailAllowed: true, registrationEmailAsUsername: true }
-        }}
-    />
-);
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const WithEmailAsUsername: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                realm: { loginWithEmailAllowed: true, registrationEmailAsUsername: true }
+            }}
+        />
+    )
+};