feat(storybook): progress on many more pages

src/keycloak-theme/pages/MyExtraPage1.stories.tsx

@@ -1,24 +1,16 @@
-import { ComponentMeta } from '@storybook/react';
+import {ComponentMeta} from '@storybook/react';
 import KcApp from '../KcApp';
-
-import { useKcStoryData } from '../../../.storybook/data'
+import {template} from '../../../.storybook/util'
 
 export default {
-  title: 'My Extra Page 1',
-  component: KcApp,
-  parameters: {
-    layout: 'fullscreen',
-  },
+    kind: 'Page',
+    title: 'Theme/Pages/My Extra Page 1',
+    component: KcApp,
+    parameters: {
+        layout: 'fullscreen',
+    },
 } as ComponentMeta<typeof KcApp>;
 
-const pageId = 'my-extra-page-1.ftl'
+const bind = template('my-extra-page-1.ftl')
 
-export const Default = () => {
-  const { kcContext } = useKcStoryData({ pageId })
-  return <KcApp kcContext={kcContext} />
-}
-
-export const InFrench = () => {
-  const { kcContext } = useKcStoryData({ pageId, locale: { currentLanguageTag: 'fr' } })
-  return <KcApp kcContext={kcContext} />
-}
+export const Default = bind({})