fix: prevent textarea resize overlapping buttons in rejection dialog (#27749)

* fix: prevent textarea resize overlapping buttons in rejection dialog

The rejection reason textarea in the booking rejection dialog allows
manual resizing via the drag handle, which can cause it to expand over
the dialog footer buttons. Adding resize-none prevents this overlap.

Fixes #17536

* Update RejectionReasonDialog.tsx

---------

Co-authored-by: Sahitya Chandra <sahityajb@gmail.com>

apps/web/components/dialog/RejectionReasonDialog.tsx

@@ -35,8 +35,11 @@ export function RejectionReasonDialog({
 
   return (
     <Dialog open={isOpenDialog} onOpenChange={setIsOpenDialog}>
-      <DialogContent title={t("rejection_reason_title")} description={t("rejection_reason_description")}>
-        <div>
+      <DialogContent
+        title={t("rejection_reason_title")}
+        description={t("rejection_reason_description")}
+        enableOverflow>
+        <div className="min-h-0 max-h-[40vh] overflow-y-auto">
           <TextAreaField
             name="rejectionReason"
             label={
@@ -50,7 +53,7 @@ export function RejectionReasonDialog({
           />
         </div>
 
-        <DialogFooter>
+        <DialogFooter noSticky>
           <DialogClose color="secondary" />
           <Button disabled={isPending} data-testid="rejection-confirm" onClick={handleConfirm}>
             {t("rejection_confirmation")}