More homogeneous storybook setup

stories/login/pages/LoginConfigTotp.stories.tsx

@@ -1,38 +1,46 @@
 import React from "react";
-import type { ComponentMeta } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { createPageStory, parameters } from "../createPageStory";
 
 const pageId = "login-config-totp.ftl";
 
 const { PageStory } = createPageStory({ pageId });
 
-const meta: ComponentMeta<any> = {
+const meta = {
     title: `login/${pageId}`,
     component: PageStory,
     parameters
-};
+} satisfies Meta<typeof PageStory>;
 
 export default meta;
 
-export const Default = () => <PageStory />;
+type Story = StoryObj<typeof meta>;
 
-export const WithManualSetUp = () => (
-    <PageStory
-        kcContext={{
-            mode: "manual"
-        }}
-    />
-);
+export const Default: Story = {
+    render: () => <PageStory />
+};
 
-export const WithError = () => (
-    <PageStory
-        kcContext={{
-            messagesPerField: {
-                get: (fieldName: string) => (fieldName === "totp" ? "Invalid TOTP" : undefined),
-                exists: (fieldName: string) => fieldName === "totp",
-                existsError: (fieldName: string) => fieldName === "totp",
-                printIfExists: <T,>(fieldName: string, x: T) => (fieldName === "totp" ? x : undefined)
-            }
-        }}
-    />
-);
+export const WithManualSetUp: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                mode: "manual"
+            }}
+        />
+    )
+};
+
+export const WithError: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                messagesPerField: {
+                    get: (fieldName: string) => (fieldName === "totp" ? "Invalid TOTP" : undefined),
+                    exists: (fieldName: string) => fieldName === "totp",
+                    existsError: (fieldName: string) => fieldName === "totp",
+                    printIfExists: <T,>(fieldName: string, x: T) => (fieldName === "totp" ? x : undefined)
+                }
+            }}
+        />
+    )
+};