Separate Exports

[awareness481]

• [x] Check if Rollup fits the below requirements - https://github.com/squaredev-io/matte/pull/80
  1. Seperate export per file - Likely https://rollupjs.org/guide/en/#outputpreservemodulesroot
  2. CJS/ES6 exports (possibly esm as well)
• [ ] Provide a way to may contributing easy. Currently there's no conventional way of seeing your live changes for a component, except storybook which may be limiting. This should speed up development significantly.
• [x] Setup a beta release channel. ex: npm i matte-ui@beta
• [ ] Verify the bundle size of each component
• [ ] Verify that the CSS of a component is loaded correctly in SSR

Additional points:

1. Start migrating leftover v4 code to v5 - https://github.com/squaredev-io/matte/issues/48
2. Add tests - https://github.com/squaredev-io/matte/issues/55
3. Setup GH actions for release - related: https://github.com/squaredev-io/matte/issues/54
4. Add https://github.com/semantic-release/semantic-release

cc @momegas @ksiabani any comments/suggestions? https://github.com/squaredev-io/matte/issues/77

[ksiabani]

This is too technical for me, so I am OK with what you decide. Please put each issue to the relevant milestone. Is it a basic need for v1? Put it in Version 1.0 milestone. Otherwise, put it to Next milestone