Chore: Move babel config to a root babel.config.json (#41615)

* Chore: Move babel config to a root babel.config.json

* Re-add babel cache settings to webpack

* Re-add production browserlist in babel config

* re-add babel hot refresh config

* fix storybook

scripts/webpack/webpack.prod.js

@@ -7,7 +7,6 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const getBabelConfig = require('./babel.config');
 
 module.exports = (env = {}) =>
   merge(common, {
@@ -28,7 +27,10 @@ module.exports = (env = {}) =>
           use: [
             {
               loader: 'babel-loader',
-              options: getBabelConfig(),
+              options: {
+                cacheDirectory: true,
+                cacheCompression: false,
+              },
             },
           ],
         },