Add a new @/ alias for the root frontend directory and use it where possible (#28753)

config/webpack/shared.js

@@ -96,6 +96,9 @@ module.exports = {
       resolve(settings.source_path),
       'node_modules',
     ],
+    alias: {
+      "@": resolve(settings.source_path),
+    }
   },
 
   resolveLoader: {