Description

By removing dynamic requires, consumers will not be bringing in all of fundamental-styles with each component.

"...This means dynamic requires are supported but will cause all matching modules to be included in the bundle." https://webpack.js.org/guides/dependency-management/#require-with-expression

I decided to remove withStyles instead of repurposing it. Two reasons:

1. passing cssFile: require('fundamental-styles/dist/button.css) to withStyles will cause the css to always be loaded and not respect disableStyles prop.
2. passing cssFile: 'fundamental-styles/dist/button.css' and then calling it like require(cssFile) in withStyles does not work because of the following:

"Fully dynamic statements, such as import(foo), will fail because webpack requires at least some file location information.The import() must contain at least some information about where the module is located, so bundling can be limited to a specific directory or set of files.
Just in case someone wonders, the same rule applies for dynamic require statements"
https://stackoverflow.com/questions/44166393/uncaught-error-cannot-find-module-when-using-dynamic-import-for-javascript

On the remaining class components (which we need to convert at some point), I used componentDidMount and on functional components useEffect.

I also removed customStyles prop. Because we are not using a hoc anymore, we can just import our custom styles in our wrapper inside nui-widgets.