Add breakpoints to the Mantine theme overrides (#40903) (#40911)

Co-authored-by: Nemanja Glumac <31325167+nemanjaglumac@users.noreply.github.com>

frontend/src/metabase/ui/theme.ts

@@ -36,6 +36,13 @@ import {
 import { getThemeColors } from "./utils/colors";
 
 export const getThemeOverrides = (): MantineThemeOverride => ({
+  breakpoints: {
+    xs: "23em",
+    sm: "40em",
+    md: "60em",
+    lg: "80em",
+    xl: "120em",
+  },
   colors: getThemeColors(),
   primaryColor: "brand",
   primaryShade: 0,