fix: made some changes to fix custom elements not being sized correctly

BREAKING CHANGE: Classnames and styles are now injected by default when using WebChatCustomElement.

.eslintrc.js

@@ -47,6 +47,7 @@ module.exports = {
     'react/require-default-props': 'off',
     'react/jsx-props-no-spreading': 'off',
     'no-use-before-define': 'off',
+    'import/no-extraneous-dependencies': 'off',
     // Airbnb allows arrow functions but not regular functions which doesn't make any sense.
     'react/jsx-no-bind': 'off',
     // This rule is annoying and sometimes just wrong.

README.md

@@ -14,7 +14,6 @@ The primary utility provided by this library is the `WebChatContainer` functiona
 - [Using WebChatContainer](#using-webchatcontainer)
 - [WebChatCustomElement](#webchatcustomelement)
 - [API](#api)
-- [withWebChat](#withWebChat)
 - [Additional resources](#additional-resources)
 - [License](#license)
 
@@ -200,10 +199,6 @@ function App() {
 }
 ```
 
-## withWebChat
-
-The [withWebChat](WITH_WEB_CHAT.MD) function is an older function that is used for loading web chat. It is now deprecated in favor of using the `WebChatContainer` component instead.
-
 ## Additional resources
 - [IBM watsonx Assistant](https://www.ibm.com/cloud/watson-assistant)
 - [IBM watsonx Assistant web chat feature documentation](https://cloud.ibm.com/docs/watson-assistant?topic=watson-assistant-deploy-web-chat)