chore(deps): move @stream-io/stream-chat-css to devDeps (GetStrea…

…m#2191)

### 🎯 Goal

Move `@stream-io/stream-chat-css` to `devDependencies` as there's no
need for it to live in the `dependencies`.

README.md

@@ -93,7 +93,7 @@ For components that implement significant logic, it's helpful to split the compo
 The preferred method for overriding the pre-defined styles in the library is to two step process. First, import our bundled CSS into the file where you instantiate your chat application. Second, locate any Stream styles you want to override using either the browser inspector or by viewing the library code. You can then add selectors to your local CSS file to override our defaults. For example:
 
 ```js
-import '@stream-io/stream-chat-css/dist/css/index.css';
+import 'stream-chat-react/dist/css/v2/index.css';
 import './App.css';
 ```
 

docusaurus/docs/React/basics/getting-started.mdx

@@ -205,7 +205,7 @@ import {
   Thread,
   Window,
 } from 'stream-chat-react';
-import '@stream-io/stream-chat-css/dist/css/index.css';
+import 'stream-chat-react/dist/css/v2/index.css';
 
 const filters = { type: 'messaging' };
 const options = { state: true, presence: true, limit: 10 };

docusaurus/docs/React/guides/customization/channel-list-preview.mdx

@@ -133,7 +133,7 @@ export const CustomPreview = (props: ChannelPreviewUIComponentProps) => {
 Let's take advantage of the SDK's [CSS classes](../theming/css-and-theming.mdx) for styling. We'll import the bundled CSS into the file where the application is instantiated then apply a class to the button element.
 
 ```tsx
-import '@stream-io/stream-chat-css/dist/css/index.css';
+import 'stream-chat-react/dist/css/v2/index.css';
 
 <div
   className={'str-chat__channel-preview-messenger'}

docusaurus/docs/React/guides/theming/css-and-theming.mdx

@@ -29,7 +29,7 @@ To override pre-defined library styles, follow this simple process:
   which houses all the SCSS files for the components. This CSS is bundled with the `stream-chat-react` SDK.
 
 ```jsx
-import 'stream-chat-react/dist/css/index.css';
+import 'stream-chat-react/dist/css/v2/index.css';
 import './App.css';
 ```
 

package.json

@@ -60,7 +60,6 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^4.0.0",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-regex": "^9.2.0",
@@ -143,6 +142,7 @@
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
+    "@stream-io/stream-chat-css": "^4.0.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",