Dialog Modal z-index fixes, Fix depedency sort lint error (#4340)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
The focus of this PR is to update dialog components in multiple files with new styling classes and z-index values.

### Detailed summary
- Updated `DialogContent` styling and z-index in various files
- Added `dialogOverlayClassName` in multiple dialog components
- Updated dependencies in `react-native-adapter/package.json`

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/components/client/update-partner-modal.client.tsx

@@ -20,7 +20,10 @@ export function UpdatePartnerModal({
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger>{children}</DialogTrigger>
-      <DialogContent className="w-[90vw] sm:w-auto">
+      <DialogContent
+        className="w-[90vw] sm:w-auto z-[10001]"
+        dialogOverlayClassName="z-[10000]"
+      >
         <DialogHeader>
           <DialogTitle>Update {partner.name}</DialogTitle>
         </DialogHeader>

apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/components/webhooks.client.tsx

@@ -183,7 +183,7 @@ function CreateWebhookButton(props: PropsWithChildren<WebhooksPageProps>) {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>{props.children}</DialogTrigger>
-      <DialogContent>
+      <DialogContent className="z-[10001]" dialogOverlayClassName="z-[10000]">
         <Form {...form}>
           <form
             onSubmit={form.handleSubmit((values) =>

apps/dashboard/src/components/contract-components/contract-deploy-form/deploy-context-modal.tsx

@@ -77,7 +77,8 @@ export function DeployStatusModal(props: {
     <Dialog open={isModalOpen}>
       <DialogContent
         dialogCloseClassName="hidden"
-        className="max-w-[480px] p-0 gap-0"
+        className="md:max-w-[480px] p-0 gap-0 z-[10001]"
+        dialogOverlayClassName="z-[10000]"
       >
         <div className="p-6 flex flex-col gap-6">
           <DialogHeader>

apps/dashboard/src/contract-ui/tabs/manage/components/InstalledModulesTable.tsx

@@ -242,7 +242,7 @@ function ModuleRow(props: {
         open={isUninstallModalOpen}
         onOpenChange={setIsUninstallModalOpen}
       >
-        <DialogContent>
+        <DialogContent className="z-[10001]" dialogOverlayClassName="z-[10000]">
           <form
             onSubmit={(e) => {
               e.preventDefault();

apps/dashboard/src/pages/dashboard/engine/create.tsx

@@ -180,7 +180,10 @@ const ConfirmEngineTierDialog = (props: {
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-[400px]">
+      <DialogContent
+        className="md:max-w-[400px] z-[10001]"
+        dialogOverlayClassName="z-[10000]"
+      >
         <DialogHeader>
           <DialogTitle className="leading-snug pr-4">
             Are you sure you want to deploy a{" "}