Added DialogButton to handle mobile.

src/components/hooks/index.ts

@@ -73,6 +73,7 @@ export * from './useGlobalState';
 export * from './useLanguageNames';
 export * from './useLocale';
 export * from './useMessages';
+export * from './useMobile';
 export * from './useModified';
 export * from './useNavigation';
 export * from './usePagedQuery';

src/components/hooks/useMobile.ts

@@ -0,0 +1,8 @@
+import { useBreakpoint } from '@umami/react-zen';
+
+export function useMobile() {
+  const breakpoint = useBreakpoint();
+  const isMobile = ['xs', 'sm', 'md'].includes(breakpoint);
+
+  return { breakpoint, isMobile };
+}