frontend: storybook update due to webpack

frontend/.storybook/main.js

@@ -1,8 +1,24 @@
 module.exports = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
+  staticDirs: [
+    "../public/"
+  ],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/preset-create-react-app',
   ],
+
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {}
+  },
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 };

frontend/.storybook/manager.js

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import theme from './NebraskaTheme';
 
 addons.setConfig({

frontend/.storybook/preview.js

@@ -50,3 +50,4 @@ export const parameters = {
   },
   actions: { argTypesRegex: '^on[A-Z].*' },
 };
+export const tags = ['autodocs'];

frontend/.storybook/test-runner.ts

@@ -0,0 +1,12 @@
+import type { TestRunnerConfig } from '@storybook/test-runner';
+
+const config: TestRunnerConfig = {
+  async postVisit(page, context) {
+    // the #storybook-root element wraps the story. In Storybook 6.x, the selector is #root
+    const elementHandler = await page.$('#storybook-root');
+    const innerHTML = await elementHandler!.innerHTML();
+    expect(innerHTML).toMatchSnapshot();
+  },
+};
+
+export default config;