feat: rtf

app/(dashboard)/users/page.tsx

@@ -18,7 +18,8 @@ import { Modal } from "@/components/ui/modal";
 import { RowMenu, type MenuItem } from "@/components/ui/menu";
 import { Avatar } from "@/components/ui/avatar";
 import { useConfirm } from "@/components/confirm";
-import { Input, Textarea } from "@/components/ui/input";
+import { Input } from "@/components/ui/input";
+import { RichTextarea } from "@/components/ui/rich-textarea";
 import { fmtDate } from "@/lib/utils";
 import { DiscipleLinkModal } from "./disciple-link-modal";
 
@@ -404,9 +405,9 @@ function NotifyModal({
         </label>
         <label className="block space-y-1.5">
           <span className="text-sm font-medium">Message</span>
-          <Textarea
+          <RichTextarea
             value={body}
-            onChange={(e) => setBody(e.target.value)}
+            onValueChange={setBody}
             rows={5}
             maxLength={4000}
             placeholder="Write your message…"