Add webpack chunk splitting to prevent ngrok transmission issues

- Configure webpack to split chunks with 1MB max size limit
- Separate vendor chunks from node_modules for better caching
- Create common chunks for code shared across modules
- Prevents large JavaScript files that cause truncation through ngrok
- Improves reliability of asset delivery through tunnels
- Resolves 'Unexpected end of input' JavaScript errors

Author: Maphikza

craco.config.js

@@ -16,6 +16,28 @@ module.exports = {
         include: /node_modules/,
         type: 'javascript/auto',
       });
+      
+      // Split chunks to avoid large files that cause ngrok issues
+      webpackConfig.optimization = {
+        ...webpackConfig.optimization,
+        splitChunks: {
+          chunks: 'all',
+          cacheGroups: {
+            vendor: {
+              test: /[\\/]node_modules[\\/]/,
+              name: 'vendors',
+              chunks: 'all',
+              maxSize: 1024 * 1024, // 1MB max chunk size
+            },
+            common: {
+              minChunks: 2,
+              chunks: 'all',
+              maxSize: 1024 * 1024, // 1MB max chunk size
+            },
+          },
+        },
+      };
+      
       return webpackConfig;
     },
     plugins: [