Fix test regex for react compiler loader in both webpack, babel config

Author: MajorLift

babel.config.js

@@ -13,7 +13,7 @@ module.exports = function (api) {
     overrides: [
       {
         test: new RegExp(
-          `^${path.join(__dirname, 'ui')}${slash}(?:components|contexts|hooks|layouts|pages)${slash}(?:.(?!\\.(?:test|stories|container)))+\\.(?:m?[jt]s|[jt]sx)$`,
+          `^${path.join(__dirname, 'ui')}${slash}(?:components|contexts|hooks|layouts|pages)${slash}^(?!.*\\.(?:test|stories|container)\\.)(?:.*)\\.(?:m?[jt]s|[jt]sx)$$`,
           'u',
         ),
         plugins: [['babel-plugin-react-compiler', { target: '17' }]],

development/webpack/webpack.config.ts

@@ -335,7 +335,7 @@ const config = {
         type: 'asset/resource',
       },
       {
-        test: /(?:.(?!\.(?:test|stories|container)))+\.(?:m?[jt]s|[jt]sx)$/u,
+        test: /^(?!.*\.(?:test|stories|container)\.)(?:.*)\.(?:m?[jt]s|[jt]sx)$/u,
         include: UI_DIR_RE,
         use: [reactCompilerLoader],
       },