feat: rtf

app/(dashboard)/feedback/page.tsx

@@ -9,7 +9,8 @@ import { Table, THead, TR, TH, TD } from "@/components/ui/table";
 import { Button } from "@/components/ui/button";
 import { Modal } from "@/components/ui/modal";
 import { useConfirm } from "@/components/confirm";
-import { Textarea } from "@/components/ui/input";
+import { RichTextarea } from "@/components/ui/rich-textarea";
+import { RichText } from "@/lib/rich-text";
 import { cn, fmtDate } from "@/lib/utils";
 
 const STATUSES = ["all", "open", "resolved"] as const;
@@ -121,7 +122,7 @@ export default function FeedbackPage() {
                   {f.reply_message ? (
                     <div className="mt-2 rounded-md bg-muted px-3 py-2 text-xs">
                       <span className="font-medium">Your reply: </span>
-                      {f.reply_message}
+                      <RichText text={f.reply_message} />
                     </div>
                   ) : null}
                 </TD>
@@ -235,9 +236,9 @@ function ReplyModal({
         ) : null}
         <label className="block space-y-1.5">
           <span className="text-sm font-medium">Your reply</span>
-          <Textarea
+          <RichTextarea
             value={message}
-            onChange={(e) => setMessage(e.target.value)}
+            onValueChange={setMessage}
             rows={5}
             maxLength={4000}
             placeholder="Write your reply… (emailed to the submitter; use Resolve separately to close it)"