docs: Add hero image to storybook

packages/dashboard/.storybook/main.ts

@@ -11,6 +11,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 
 const config: StorybookConfig = {
     stories: ['./stories/Intro.mdx', './stories/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    staticDirs: ['./assets'],
     addons: ['@storybook/addon-docs', '@storybook/addon-a11y'],
     framework: {
         name: '@storybook/react-vite',

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

@@ -22,6 +22,8 @@ export const RightArrow = () => <svg
     <div className='sb-section-title'>
         # Vendure Dashboard Component Reference
 
+        ![hero image](./hero.webp)
+
         This is a visual reference of the available components you can use while building custom extensions to the
         Vendure Dashboard.
     </div>