frontend: Upgrade CRA, webpack5, storybook

Dockerfile

@@ -19,6 +19,7 @@ RUN cd ./backend && go build -o ./headlamp-server ./cmd/
 # Keep npm install separated so source changes don't trigger install
 FROM base-build AS frontendinstall
 COPY frontend/package*.json /headlamp/frontend/
+COPY frontend/patches/* /headlamp/frontend/patches/
 WORKDIR /headlamp
 RUN cd ./frontend && npm install --only=prod
 

frontend/.storybook/main.js

@@ -1,8 +1,23 @@
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/preset-create-react-app',
-  ],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  core: {
+    builder: 'webpack5',
+  },
+  webpackFinal: config => {
+    return {
+      ...config,
+      resolve: {
+        ...config.resolve,
+        fallback: {
+          ...config.fallback,
+          crypto: require.resolve('crypto-browserify'),
+          http: require.resolve('stream-http'),
+          https: require.resolve('https-browserify'),
+          path: require.resolve('path-browserify'),
+          stream: require.resolve('stream-browserify'),
+        },
+      },
+    };
+  },
 };