fix(frontend): prompt display (#2129)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/MessageRow.module.scss

@@ -40,18 +40,8 @@
   &.brain {
     .message_header {
       display: flex;
-      justify-content: space-between;
-      width: 100%;
-
-      .left_wrapper {
-        display: flex;
-        gap: Spacings.$spacing05;
-        align-items: center;
-      }
-
-      .copy_button {
-        visibility: hidden;
-      }
+      gap: Spacings.$spacing04;
+      align-items: baseline;
     }
 
     .message_row_content {
@@ -68,12 +58,4 @@
       }
     }
   }
-
-  &:hover {
-    .message_header {
-      .copy_button {
-        visibility: visible;
-      }
-    }
-  }
 }

frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx

@@ -16,7 +16,7 @@ export const QuestionBrain = ({
 
   return (
     <div data-testid="brain-tags" className={styles.brain_name_wrapper}>
-      <Icon name="brain" color="black" size="normal" />
+      <Icon name="brain" color="primary" size="normal" />
       <span>{brainName}</span>
     </div>
   );

frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPompt.module.scss

@@ -1,8 +1,10 @@
 @use "@/styles/Colors.module.scss";
 @use "@/styles/Spacings.module.scss";
+@use "@/styles/Typography.module.scss";
 
 .prompt_name_wrapper {
   display: flex;
   align-items: center;
   color: Colors.$black;
+  font-size: Typography.$small;
 }

frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPrompt.tsx

@@ -16,7 +16,7 @@ export const QuestionPrompt = ({
 
   return (
     <div data-testid="prompt-tags" className={styles.prompt_name_wrapper}>
-      <Icon name="hastag" color="black" size="normal" />
+      <Icon name="hastag" color="primary" size="small" />
       <span>{promptName}</span>
     </div>
   );