refactor: migrate img tags to next/image and fix hook usage

src/app/chat/components/chat-area.tsx

@@ -75,11 +75,11 @@ function renderMessagesWithDateHeaders(messages: readonly UiMessage[]) {
       <DateHeader key={item.key} date={item.date} />
     ) : (
       <MessageBubble
-      key={item.key}
-      content={item.message.content}
-      imageUrl={item.message.imageUrl}
-      isFromAI={item.message.isFromAI}
-    />
+        key={item.key}
+        content={item.message.content}
+        imageUrl={item.message.imageUrl}
+        isFromAI={item.message.isFromAI}
+      />
     ),
   );
 }
@@ -87,7 +87,7 @@ function renderMessagesWithDateHeaders(messages: readonly UiMessage[]) {
 function AiDisclosure() {
   return (
     <div className={styles.aiDisclosure}>
-      You're chatting with an AI companion.
+      {'You' + String.fromCharCode(39) + 're chatting with an AI companion.'}
     </div>
   );
 }
@@ -101,5 +101,3 @@ function EmptyState({ isGuest }: { isGuest: boolean }) {
     </div>
   );
 }
-
-