fix: text selection

components/social/report-dialog.tsx

@@ -125,7 +125,7 @@ export function ReportDialog({
           rows={3}
           maxLength={2000}
           placeholder="Add any context that will help us review this"
-          className="w-full bg-background text-foreground text-sm rounded-md border border-border px-3 py-2 outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+          className="w-full bg-background text-foreground text-sm rounded-md border border-border px-3 py-2 outline-none focus-visible:ring-2 focus-visible:ring-primary/40 select-text"
         />
       </div>
       {error ? <p className="text-sm text-destructive">{error}</p> : null}
@@ -144,7 +144,7 @@ export function ReportDialog({
   if (isMobile) {
     return (
       <Drawer open={open} onOpenChange={(o) => !o && !working && onClose()}>
-        <DrawerContent className="bg-card">
+        <DrawerContent className="bg-card select-none">
           <DrawerHeader className="text-left">
             <DrawerTitle>{title}</DrawerTitle>
             <DrawerDescription>{description}</DrawerDescription>
@@ -168,7 +168,7 @@ export function ReportDialog({
         aria-modal="true"
         className="fixed left-1/2 top-1/2 z-101 w-full max-w-md -translate-x-1/2 -translate-y-1/2 px-4"
       >
-        <div className="rounded-2xl border border-border bg-card shadow-xl overflow-hidden">
+        <div className="rounded-2xl border border-border bg-card shadow-xl overflow-hidden select-none">
           <div className="flex items-start gap-3 px-5 pt-5 pb-1">
             <div className="flex-1 min-w-0">
               <h2 className="font-[family-name:var(--font-title)] font-semibold text-lg text-foreground">