fix(globalDrawer): fix horizontal scroll on small screens (#109168)

Author: priscilawebdev

static/app/components/globalDrawer/components.tsx

@@ -187,6 +187,11 @@ const DrawerContainer = styled('div')`
   inset: 0;
   z-index: ${p => p.theme.zIndex.drawer};
   pointer-events: none;
+
+  @media (max-width: ${p => p.theme.breakpoints.sm}) {
+    overflow-x: auto;
+    pointer-events: auto;
+  }
 `;
 
 const DrawerSlidePanel = styled(SlideOverPanel)`
@@ -206,6 +211,17 @@ const DrawerSlidePanel = styled(SlideOverPanel)`
     var(--drawer-max-width)
   ) !important;
 
+  @media (max-width: ${p => p.theme.breakpoints.sm}) {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border: none;
+    box-shadow: none;
+    /* Without this, the base SlideOverPanel's overscroll-behavior: contain blocks horizontal scroll chaining. */
+    overscroll-behavior-x: auto;
+  }
+
   &[data-resizing] {
     /* Hide scrollbars during resize */
     overflow: hidden !important;