add: report 뷰에 chart 추가

Author: juice

src/App.tsx

@@ -30,6 +30,7 @@ function App() {
     <AnimatePresence mode="wait">
       <Routes location={location} key={location.pathname}>
         <Route element={<Layout bottomNavigation={!isKeyboardVisible} />}>
+          <Route path="/" element={<Navigate to="/home" replace />} />
           <Route path="home">
             <Route index path="*" element={<HomePage />} />
             <Route path="test">

src/api/report/chats.ts

@@ -14,6 +14,7 @@ export interface SummaryResponse {
     begin_message_id: string;
     end_message_id: string;
   };
+  topic_messages: History[];
 }
 
 export interface ChatResponse {

src/assets/images/chatresult/icon_anger.svg

@@ -26,15 +26,15 @@ export default function BottomSheet({
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
-          transition={{ duration: 0.2 }}
+          transition={{ duration: 0.3 }}
           className={`fixed inset-0 z-50 flex items-end justify-center ${backdrop ? "bg-black bg-opacity-40" : ""}`}
           onClick={onClose}
         >
           <motion.div
             initial={{ y: "100%" }}
             animate={{ y: 0 }}
             exit={{ y: "100%" }}
-            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            transition={{ type: "spring", damping: 30, stiffness: 300 }}
             className="bg-white w-full max-w-md rounded-t-2xl p-6 shadow-lg"
             onClick={(e) => e.stopPropagation()}
           >

src/assets/images/chatresult/icon_disgust.svg

@@ -9,7 +9,7 @@ function Toggle({ selected, onClick, children, className }: ToggleButtonProps) {
   return (
     <button
       onClick={onClick}
-      className={`px-4 py-2 rounded-full text-sm transition-all
+      className={`px-4 py-3 rounded-2xl text-sm transition-all flex justify-center items-center
         ${selected ? "bg-second text-white" : "bg-gray-1 text-font-color"}
         ${className}`}
     >