feat(build): enable code splitting, optimize bundle, and export theme

utilities

- Configure webpack to output individual bundles for each component
  (code splitting)
- Add externals for peer dependencies (react, react-dom,
  styled-components, react-modal)
- Export color palette and sizing utilities from main entry point
- Document required peer dependencies in README
- Reduce bundle size and improve tree shaking/code splitting for
  consumers

Author: Arthurk12

README.md

@@ -2,6 +2,26 @@
 
 This repository contains a library of reusable React components extracted from the main [**BigBlueButton (BBB)**](https://github.com/bigbluebutton/bigbluebutton) project. These components provide a consistent and customizable interface that can be reused in other projects, allowing them to easily adopt the BBB visual identity.
 
+
+## Peer Dependencies
+
+This library requires the following peer dependencies to be installed in your project:
+
+```
+react >=18.0.0
+react-dom >=18.0.0
+styled-components >=5.3.0
+react-modal >=3.16.1
+@emotion/react ^11.14.0
+@emotion/styled ^11.14.1
+@mui/material ^7.3.1
+@mui/styles ^6.4.8
+prop-types ^15.8.1
+react-icons ^5.5.0
+```
+
+Make sure to install these dependencies to avoid runtime errors and ensure compatibility.
+
 ## Installation
 
 This library is under active development and has not yet been published on npm. For now, you can clone the repository and install it locally.