fix: layer mobile widget details above header

packages/ui/src/theme.ts

@@ -1,5 +1,6 @@
 import { createTheme, rem } from "@mantine/core";
 
+import { modalZIndex } from "./theme/layers";
 import { modalComponent } from "./theme/modal";
 
 export const theme = createTheme({
@@ -101,6 +102,11 @@ export const theme = createTheme({
         overlayProps: { radius: "sm", blur: 2 },
       },
     },
+    Drawer: {
+      defaultProps: {
+        zIndex: modalZIndex,
+      },
+    },
     Modal: modalComponent,
   },
 });