docs: Update storybook category name to Framework

packages/dashboard/.storybook/main.ts

@@ -55,7 +55,7 @@ const config: StorybookConfig = {
                     },
                     gqlOutputPath: resolve(__dirname, '../src/lib/graphql/'),
                     tempCompilationDir: resolve(__dirname, '../.temp'),
-                    disablePlugins: { tanstackRouter: true },
+                    disablePlugins: { tanstackRouter: true, react: true },
                 }),
             ],
         };

packages/dashboard/.storybook/manager.js

@@ -4,7 +4,7 @@ import vendureTheme from './vendure-theme';
 addons.setConfig({
     theme: vendureTheme,
     sidebar: {
-        collapsedRoots: ['ui', 'form-inputs', 'layout', 'components'],
+        collapsedRoots: ['ui', 'form-inputs', 'layout', 'framework'],
     },
     layoutCustomisations: {},
 });

packages/dashboard/.storybook/preview.tsx

@@ -39,7 +39,7 @@ const preview: Preview = {
         },
         options: {
             storySort: {
-                order: ['Introduction', 'Layout', 'Components', 'Form Inputs', 'UI'],
+                order: ['Introduction', 'Layout', 'Framework', 'Form Inputs', 'UI'],
             },
         },
         a11y: {

packages/dashboard/.storybook/stories/Intro.mdx

@@ -78,7 +78,7 @@ export const RightArrow = () => <svg
             <p className="sb-section-item-paragraph">Components that you use to lay out your page.</p>
         </div>
         <div className="sb-section-item">
-            <h4 className="sb-section-item-heading">Components</h4>
+            <h4 className="sb-section-item-heading">Framework</h4>
             <p className="sb-section-item-paragraph">More complex components that often interact with
                 the app context, make data calls, or combine several lower-level components.</p>
         </div>

packages/dashboard/src/lib/components/data-table/data-table.stories.tsx

@@ -30,7 +30,7 @@ const sampleData: Product[] = Array.from({ length: 100 }, (_, i) => ({
 }));
 
 const meta = {
-    title: 'Components/DataTable',
+    title: 'Framework/DataTable',
     component: DataTable,
     ...withDescription(import.meta.url, './data-table.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/asset/asset-gallery.stories.tsx

@@ -6,7 +6,7 @@ import { createDemoRoute } from '../../../../../.storybook/providers.js';
 import { withDescription } from '../../../../../.storybook/with-description.js';
 
 const meta = {
-    title: 'Components/AssetGallery',
+    title: 'Framework/AssetGallery',
     component: AssetGallery,
     ...withDescription(import.meta.url, './asset-gallery.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/asset/asset-picker-dialog.stories.tsx

@@ -7,7 +7,7 @@ import { withDescription } from '../../../../../.storybook/with-description.js';
 import { AssetPickerDialog } from './asset-picker-dialog.js';
 
 const meta = {
-    title: 'Components/AssetPickerDialog',
+    title: 'Framework/AssetPickerDialog',
     component: AssetPickerDialog,
     ...withDescription(import.meta.url, './asset-picker-dialog.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/detail-page-button.stories.tsx

@@ -5,7 +5,7 @@ import { withDescription } from '../../../../.storybook/with-description.js';
 import { DetailPageButton } from './detail-page-button.js';
 
 const meta = {
-    title: 'Components/DetailPageButton',
+    title: 'Framework/DetailPageButton',
     component: DetailPageButton,
     ...withDescription(import.meta.url, './detail-page-button.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/facet-value-selector.stories.tsx

@@ -3,7 +3,7 @@ import { withDescription } from '../../../../.storybook/with-description.js';
 import { FacetValueSelector } from './facet-value-selector.js';
 
 const meta = {
-    title: 'Components/FacetValueSelector',
+    title: 'Framework/FacetValueSelector',
     component: FacetValueSelector,
     ...withDescription(import.meta.url, './facet-value-selector.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/paginated-list-data-table.stories.tsx

@@ -39,7 +39,7 @@ const productsListDocument = graphql(`
 `);
 
 const meta = {
-    title: 'Components/PaginatedListDataTable',
+    title: 'Framework/PaginatedListDataTable',
     component: PaginatedListDataTable,
     ...withDescription(import.meta.url, './paginated-list-data-table.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/permission-guard.stories.tsx

@@ -4,7 +4,7 @@ import { withDescription } from '../../../../.storybook/with-description.js';
 import { PermissionGuard } from './permission-guard.js';
 
 const meta = {
-    title: 'Components/PermissionGuard',
+    title: 'Framework/PermissionGuard',
     component: PermissionGuard,
     ...withDescription(import.meta.url, './permission-guard.js'),
     parameters: {

packages/dashboard/src/lib/components/shared/vendure-image.stories.tsx

@@ -18,7 +18,7 @@ const mockAssetWithFocalPoint: AssetLike = {
 };
 
 const meta = {
-    title: 'Components/VendureImage',
+    title: 'Framework/VendureImage',
     component: VendureImage,
     ...withDescription(import.meta.url, './vendure-image.js'),
     parameters: {