Quick fix for UI glitches caused by changing z-index at dashboards (#33153)

frontend/src/metabase/dashboard/components/Dashboard/Dashboard.styled.tsx

@@ -113,7 +113,7 @@ export const ParametersWidgetContainer = styled(FullWidthContainer)<{
   padding-top: ${space(2)};
   padding-bottom: ${space(1)};
   /* z-index should be higher than in dashcards */
-  z-index: 4;
+  z-index: 3;
   position: sticky;
   top: 0;
   left: 0;

frontend/src/metabase/dashboard/components/DashboardGrid.styled.tsx

@@ -7,7 +7,7 @@ interface DashboardCardProps {
 
 export const DashboardCard = styled.div<DashboardCardProps>`
   position: relative;
-  z-index: 2;
+  z-index: 1;
 
   /**
   * Dashcards are positioned absolutely so each one forms a new stacking context.
@@ -18,7 +18,7 @@ export const DashboardCard = styled.div<DashboardCardProps>`
   */
   &:hover,
   &:focus-within {
-    z-index: 3;
+    z-index: 2;
   }
 
   .Card {