Refactor file paths for webfonts and images to improve organization and readability

webpack.config.js

@@ -54,17 +54,17 @@ module.exports = (env, argv) => {
         // loader for webfonts (only required if loading custom fonts)
         {
           test: /\.(woff|woff2|eot|ttf|otf)$/,
-          type: 'asset/resource',
+          type: 'src/assets/fonts',
           generator: {
-            filename: './public/css/font/[name][ext]',
+            filename: './public/fonts/[name][ext]',
           }
         },
         // loader for images and icons (only required if css references image files)
         {
           test: /\.(png|jpg|gif)$/,
-          type: 'asset/resource',
+          type: 'src/assets/img',
           generator: {
-            filename: './public/css/img/[name][ext]',
+            filename: './public/img/[name][ext]',
           }
         },
       ]