Refactor the Build workflow

[divyarajmasani]

• [x] Remove unused, unnecessary package dependencies.
• [x] Use WordPress configs for eslint and stylelint and babel config
• [x] Uses Webpack 5 assets module for loading static assets images, fonts etc.
• [x] Moves Build related config files to root for easy access.
• [x] Add gutenberg color class generator based on a colour object
• [x] Add $print-breakpoint variable, to make sure breakpoints work as expected, foundation defaults to large
• [x] Remove unnecessary animations and utility styles.
• [x] Maybe use XY-Grid ( X-Grid, mainly ) instead of legacy flex-grid
• [ ] Add linters to run on precommit for diff.

Next

• [ ] Setup test suit for php ( has a PR )

• [ ] Setup test suit for JS

• [ ] Setup visual tests

[divyarajmasani]

@manishsongirkar some nice suggestions you have pointed there, I'd similar thoughts on clean up as well. I'll try to accommodate all your suggestions.

Apart from this, I wanted to replace use of flex-grid with [XY-Grid](https://get.foundation/sites/docs/xy-grid.html), underneath it uses flex only, but to be par with the foundation we should try to avoid using flex-grid classes as it's been tagged as legacy.

let me know your thoughts.