feat: Add tag colors for custom and copilot prompts in PromptBody component

src/components/Common/Playground/Message.tsx

@@ -14,6 +14,7 @@ import { EditMessageForm } from "./EditMessageForm"
 import { useTranslation } from "react-i18next"
 import { MessageSource } from "./MessageSource"
 import { useTTS } from "@/hooks/useTTS"
+import { tagColors } from "@/utils/color"
 
 type Props = {
   message: string
@@ -37,14 +38,6 @@ type Props = {
   isTTSEnabled?: boolean
 }
 
-const tagColors = {
-  summary: "blue",
-  explain: "green",
-  translate: "purple",
-  custom: "orange",
-  rephrase: "yellow"
-}
-
 export const PlaygroundMessage = (props: Props) => {
   const [isBtnPressed, setIsBtnPressed] = React.useState(false)
   const [editMode, setEditMode] = React.useState(false)