Merge branch 'create-ai-hub-fix' of https://github.com/microsoft/Build-your-own-AI-Assistant-Solution-Accelerator into create-ai-hub-fix

Author: Roopan-Microsoft

App/frontend/src/components/DraftDocumentsView/DraftDocumentsView.tsx

@@ -179,7 +179,7 @@ const handleCreatePDF = (): void => {
   return (
     <div className={styles.container}>
       <Stack className={styles.draftDocumentHeader}>
-        <Text variant="xLarge" className={styles.draftDocumentTitle}>Draft grant proposal</Text>
+        <h2 className={styles.draftDocumentTitle}>Draft grant proposal</h2>
         <ResearchTopicCard />
       </Stack>
 
@@ -202,7 +202,7 @@ const handleCreatePDF = (): void => {
         </div>
 
         <div>
-          <h4>Title</h4>
+          <h3>Title</h3>
           <div className={styles.titleTextfield}>
             <TextField
               placeholder="Topic"

App/frontend/src/components/SidebarView/ArticleView/ArticleView.tsx

@@ -84,6 +84,8 @@ export const ArticleView = () => {
                     </Text>
 
                     <Button
+                      title="remove"
+                      aria-label="remove"
                       icon={<DeleteRegular />}
                       onClick={() => handleToggleFavorite(citation)}
                       style={{

App/frontend/src/components/SidebarView/GrantView/GrantView.tsx

@@ -83,6 +83,8 @@ export const GrantView = () => {
                     </Text>
                     {/* "X" button to remove the citation */}
                     <Button
+                      title="remove"
+                      aria-label="remove"
                       icon={<DeleteRegular />}
                       onClick={() => handleToggleFavorite(citation)}
                       style={{

App/frontend/src/pages/chat/Chat.module.css

@@ -327,7 +327,7 @@ a {
 
 /* high constrat */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
-    .clearChatBroomNoCosmos, .chatMessageStream, .chatMessageUserMessage{
+    .clearChatBroomNoCosmos, .chatMessageStream, .chatMessageUserMessage, .citationPanel{
         border: 2px solid WindowText;padding: 10px;
         background-color: Window;
         color: WindowText;

App/frontend/src/pages/chat/Chat.tsx

@@ -339,7 +339,11 @@ const Chat = ({ chatType }: Props) => {
                       color: '#72716f',
                       marginLeft: '15px',
                       marginTop: '25px',
-                      alignSelf: 'start'
+                      alignSelf: 'start',
+                      fontWeight: '600',
+                      fontFamily: '"Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif',
+                      /* -webkit-font-smoothing: antialiased; */
+                      fontSize: '20px'
                     }}
                 >
                     {title}