Update storybook

.nvmrc

@@ -1 +1 @@
-18.17
+18.18

.storybook/main.js

@@ -3,20 +3,12 @@ const StylelintWebpackPlugin = require('stylelint-webpack-plugin');
 const YAML = require('yaml');
 
 module.exports = {
-  staticDirs: [path.resolve(__dirname, '../public')],
+  staticDirs: ['../public'],
   stories: ['../source/**/*.stories.@(js|jsx|ts|tsx)', '../source/**/*.mdx'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    {
-      name: '@storybook/addon-styling',
-      options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss'),
-        },
-      },
-    },
     '@storybook/addon-a11y',
   ],
   framework: {
@@ -26,7 +18,7 @@ module.exports = {
   webpackFinal: async config => {
     config.plugins.push(
       new StylelintWebpackPlugin({
-        exclude: ['node_modules', 'storybook'],
+        exclude: ['node_modules', 'storybook', '.next'],
       }),
     );
     config.module.rules.find(

.storybook/manager.js

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

.storybook/theme.js

@@ -5,6 +5,7 @@ const storybookTheme = create({
   appContentBg: '#fff',
   barBg: '#19013A',
   barSelectedColor: '#EE2737',
+  barHoverColor: '#EE2737',
   barTextColor: '#fff',
   base: 'light',
   brandTitle: 'Forum One',