21980: Generics to support additional controls and information for pr…

…ojects page, MINOR (#30)

- @howso/react-tailwind-flowbite-components@^6.1.0
- Added TraineeIdentifiers
- Fixed the display of TraineeCreationStepper
- npx storybook@latest upgrade

.storybook/main.ts

@@ -1,22 +1,27 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "@storybook/addon-a11y",
     "@chromatic-com/storybook",
   ],
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
+
   docs: {},
+
   // staticDirs: ["../public"], //👈 Configures the static asset folder in Storybook
   features: {
     viewportStoryGlobals: true,
   },
+
   refs: {
     "react-tailwind-flowbite-components": {
       title: "Howso components",
@@ -29,5 +34,9 @@ const config: StorybookConfig = {
       expanded: false, // Optional, true by default
     },
   },
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
 };
 export default config;

.storybook/preview.tsx

@@ -43,6 +43,7 @@ const preview: Preview = {
       viewport: { value: undefined },
     },
   },
+
   decorators: [
     (Story: StoryFn, context) => {
       const mode: ThemeMode =
@@ -80,6 +81,8 @@ const preview: Preview = {
       />
     ),
   ],
+
+  tags: ["autodocs"]
 };
 export default preview;
 ``;