chore: fix check, add whiteSpace: 'pre-wrap' for nicer placeholder formatting

Author: gagik

package-lock.json

@@ -59,7 +59,6 @@
     "use-sync-external-store": "^1.5.0"
   },
   "devDependencies": {
-    "react-dom": "^17.0.2",
     "throttleit": "^2.1.0",
     "@mongodb-js/eslint-config-compass": "^1.4.5",
     "@mongodb-js/mocha-config-compass": "^1.7.0",

packages/compass-assistant/package.json

@@ -60,6 +60,7 @@ export const AsisstantChat: React.FunctionComponent<AsisstantChatProps> = ({
               alignSelf: message.role === 'user' ? 'flex-end' : 'flex-start',
               maxWidth: '80%',
               wordWrap: 'break-word',
+              whiteSpace: 'pre-wrap',
             }}
           >
             {message.parts

packages/compass-assistant/src/assistant-chat.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
 import { render } from '@mongodb-js/testing-library-compass';
 import { CompassAssistantProvider } from './index';
+import { expect } from 'chai';
 
 describe('Compass Assistant', function () {
   const CompassAssistant = CompassAssistantProvider.withMockServices({});
 
   it('renders a Plugin', function () {
-    render(<CompassAssistant></CompassAssistant>);
+    expect(() => render(<CompassAssistant></CompassAssistant>)).to.not.throw;
   });
 });