feat(storybook): update Storybook configuration to include additional…

… story file patterns and enhance toolbar options

- Added support for .stories.tsx files in Storybook configuration.
- Updated the toolbar in preview.ts to set a default value and include an additional item "hot-brand".
- Added default value to allow the main brand to be selected (necessary when there are two brands)

apps/demo/.storybook/main.ts

@@ -10,8 +10,11 @@ function getAbsolutePath(value: string): any {
   return dirname(require.resolve(join(value, "package.json")));
 }
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
-    resolve(__dirname, "../../../packages/ui/components/**/*.stories.ts")
+  stories: [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    resolve(__dirname, "../../../packages/ui/components/**/*.stories.ts"),
+    resolve(__dirname, "../../../packages/ui/components/**/*.stories.tsx"),
   ],
   addons: [
     getAbsolutePath("@storybook/addon-onboarding"),

apps/demo/.storybook/preview.ts

@@ -17,7 +17,8 @@ const preview: Preview = {
       toolbar: {
         title: "Brands",
         icon: "paintbrush",
-        items: ["brand-1"],
+        defaultValue: "brand-1",
+        items: ["brand-1", "hot-brand"],
         dynamicTitle: true,
       },
     },