Add preview badge to the assistant drawer

Author: lerouxb

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

@@ -1,9 +1,12 @@
 import React, { useCallback, useContext } from 'react';
 import {
+  Badge,
+  css,
   DrawerSection,
   Icon,
   IconButton,
   showConfirmation,
+  spacing,
 } from '@mongodb-js/compass-components';
 import { AssistantChat } from './assistant-chat';
 import {
@@ -60,7 +63,10 @@ export const CompassAssistantDrawer: React.FunctionComponent<{
             justifyContent: 'space-between',
           }}
         >
-          <span>MongoDB Assistant</span>
+          <div>
+            <span style={{ marginRight: spacing[200] }}>MongoDB Assistant</span>
+            <Badge variant="blue">Preview</Badge>
+          </div>
           <IconButton
             aria-label="Clear chat"
             onClick={() => {