fix: QA

- 활동 종료 시 키워드 이미지 적용
- 캐치 프라이즈 추가 (흘려보내는 시간의 조각, 이제는 모아봐요!)
- 홈 키워드 변환

src/app/activity/page.tsx

@@ -219,7 +219,10 @@ export default function ActivityPage() {
             </h3>
 
             <Image
-              src="/images/NATURE_result.png"
+              src={
+                selectedActivityData?.keyword.image ||
+                '/images/NATURE_result.png'
+              }
               alt="NATURE"
               width={256}
               height={256}

src/app/home/components/TimePiece.tsx

@@ -1,4 +1,5 @@
 import TimeCard from './TimeCard'
+import { transKeyword } from '@/app/archive/components/Treemap/Treemap'
 import { useHomeContext } from '../fast/components/Fetcher'
 
 export default function TimePiece() {
@@ -11,7 +12,7 @@ export default function TimePiece() {
           key={id}
           time={savedTime}
           title={title}
-          category={keyword.category}
+          category={transKeyword(keyword.category)}
         />
       ))}
     </div>

src/app/home/sg-activity/components/ChoiceSuggestions.tsx

@@ -106,6 +106,7 @@ export default function ChoiceSuggestion({
     fetchData()
 
     return () => {
+      setIsSuggestLoading(false)
       setText('다음')
     }
   }, [])

src/app/page.tsx

@@ -61,7 +61,7 @@ export default function Home() {
       {!isSplash && (
         <>
           <p className="z-50 font-semibold absolute top-[388px]">
-            여기에는 캐치프레이즈가 들어갑니다
+            흘려보내는 시간의 조각, 이제는 모아봐요!
           </p>
 
           <motion.div

src/components/MobileWrapper/MobileWrapper.tsx

@@ -5,11 +5,11 @@ export default function MobileWrapper({ children }: { children: ReactNode }) {
   return (
     <div className="flex justify-center h-[100vh]">
       <aside className="hidden min-w-380 mr-[5%] min-[800px]:block">
-        <div className="flex flex-col h-full justify-center items-center">
-          <SplashLogoNew className="my-auto" />
+        <div className="flex flex-col h-full justify-center items-center fixed">
+          <SplashLogoNew />
         </div>
       </aside>
-      <div className="relative flex flex-col min-w-390 border-1 overflow-y-auto scrollbar-hide overflow-x-hidden">
+      <div className="relative flex flex-col min-w-390 min-h-844 border-1 overflow-y-auto overflow-x-hidden scrollbar-hide my-auto">
         {children}
       </div>
     </div>

src/components/ui/HomeHeader.tsx

@@ -18,7 +18,7 @@ export default function HomeHeader({ children, title }: HomeHeaderProps) {
     <div className="flex w-full flex-col">
       <header
         className={cn(
-          'fixed z-10 max-w-[388px] w-full font-semibold flex items-center justify-between py-10 h-52 px-24 transition-colors duration-300 font-wavvepado bg-white',
+          'fixed z-10 max-w-[389px] w-full font-semibold flex items-center justify-between py-10 h-52 px-24 transition-colors duration-300 font-wavvepado bg-white',
         )}
       >
         <button