Add styles

apps/app/src/features/openai/client/components/KnowledgeAssistant/KnowledgeAssistantManegementModal.module.scss

@@ -0,0 +1,10 @@
+@use '@growi/core-styles/scss/bootstrap/init' as bs;
+@use '@growi/core-styles/scss/variables/growi-official-colors';
+@use '@growi/ui/scss/atoms/btn-muted';
+
+// == Colors
+.grw-knowledge-assistant-manegement :global {
+  .growi-knowledge-assistant-icon {
+    color: growi-official-colors.$growi-ai-purple;
+  }
+}

apps/app/src/features/openai/client/components/KnowledgeAssistant/KnowledgeAssistantManegementModal.tsx

@@ -5,6 +5,11 @@ import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 
 import { useKnowledgeAssistantModal } from '../../stores/knowledge-assistant';
 
+import styles from './KnowledgeAssistantManegementModal.module.scss';
+
+const moduleClass = styles['grw-knowledge-assistant-manegement'] ?? '';
+
+
 const KnowledgeAssistantManegementModalSubstance = (): JSX.Element => {
   return (
     <>
@@ -25,10 +30,10 @@ export const KnowledgeAssistantManegementModal = (): JSX.Element => {
   const isOpened = knowledgeAssistantModalData?.isOpened ?? false;
 
   return (
-    <Modal size="lg" isOpen={isOpened} toggle={closeKnowledgeAssistantModal} scrollable>
+    <Modal size="lg" isOpen={isOpened} toggle={closeKnowledgeAssistantModal} className={moduleClass} scrollable>
 
       <ModalHeader tag="h4" toggle={closeKnowledgeAssistantModal} className="pe-4">
-        <span className="growi-custom-icons growi-ai-chat-icon me-3 fs-4">knowledge_assistant</span>
+        <span className="growi-custom-icons growi-knowledge-assistant-icon me-3 fs-4">knowledge_assistant</span>
         <span className="fw-bold">新規アシスタントの追加</span> {/* TODO i18n */}
       </ModalHeader>