update(docs): imported docs to display in storybook

.storybook/main.ts

@@ -35,5 +35,6 @@ const config: StorybookConfig = {
   docs: {
     autodocs: 'tag',
   },
+  staticDirs: ['../docs'],
 }
 export default config

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "3.0.23",
+  "version": "3.0.24",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",
@@ -62,6 +62,7 @@
     "@storybook/addon-links": "^8.0.2",
     "@storybook/addon-onboarding": "^8.0.2",
     "@storybook/blocks": "^8.0.2",
+    "@storybook/builder-vite": "^8.1.10",
     "@storybook/react": "^8.0.2",
     "@storybook/react-vite": "^8.0.2",
     "@storybook/test": "^8.0.2",

src/components/basic/Button/BackButton.stories.tsx

@@ -21,6 +21,7 @@
 import { ComponentStory } from '@storybook/react'
 
 import { BackButton as Component } from './BackButton'
+import button from '../../../../docs/storybook/button.md?raw'
 
 export default {
   title: 'Buttons',
@@ -31,6 +32,11 @@ export default {
       action: 'onClick',
     },
   },
+  parameters: {
+    docs: {
+      description: { component: button },
+    },
+  },
 }
 
 const Template: ComponentStory<typeof Component> = (args: any) => (