Fix contract end date calendar cut off in dialog

The Add Person dialog wrapped its form content in a plain <div>
instead of DialogContent. When the form is tall enough, the
dialog extends beyond the viewport with no way to scroll,
cutting off the contract end date field.

Replace the raw <div> with DialogContent which provides
overflow-y-auto and a maxHeight constraint, matching the
pattern used by all other dialogs in the codebase.

Signed-off-by: Cursor Agent <cursoragent@cursor.com>

Co-authored-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/pages/iam/organizations/people/_components/AddPersonDialog.tsx

@@ -13,7 +13,7 @@
 // PERFORMANCE OF THIS SOFTWARE.
 
 import { useTranslate } from "@probo/i18n";
-import { Dialog, useDialogRef } from "@probo/ui";
+import { Dialog, DialogContent, useDialogRef } from "@probo/ui";
 import { type PropsWithChildren } from "react";
 import type { DataID } from "relay-runtime";
 
@@ -33,9 +33,9 @@ export function AddPersonDialog(props: PropsWithChildren<{
       className="max-w-xl"
       ref={dialogRef}
     >
-      <div className="p-4">
+      <DialogContent padded>
         <PersonForm connectionId={connectionId} onSubmit={() => dialogRef.current?.close()} />
-      </div>
+      </DialogContent>
     </Dialog>
   );
 }