Optimise/minimise webpack bundle

[Falsal]

Currently we have a large sized bundle (abt 700kb) , we need to make it smaller

A tool that can help visualise the problem is called webpack-bundle-analyzer :
https://www.npmjs.com/package/webpack-bundle-analyzer

we are at the limits of what is acceptable to the build. So, some hints are image sizes, the separation of assets when bundling , another item for optimising our code base is "moment" a package which takes a lot of space , this one we could replace with pure javascript, we use moment as a library in a few places and similar to SVG it showed on the tool to have a large part. Another package is lodash.
Blogs on the subject:
https://www.reddit.com/r/reactjs/comments/79i30p/how_much_is_your_production_bundle_size/
Ways to begin reducing bundle size:
https://blog.jakoblind.no/3-ways-to-reduce-webpack-bundle-size/
on stackoverflow : https://stackoverflow.com/questions/73548792/webpack-with-svger-causing-huge-bundle-size .