fix(dialog): make dialogs fit on small screens

Adds max-width to dialogs so that they doe not overflow if viewed
on a small screen, such as on a moblie device

Author: Hannes Bergenfalk

packages/core/src/Dialog/BaseDialog.tsx

@@ -33,6 +33,7 @@ const DIALOG_WIDTH = {
 const Container = styled.div<{ readonly width: DialogWidth }>`
   max-height: 80vh;
   width: ${({ width }) => DIALOG_WIDTH[width]};
+  max-width: 100vw;
   margin: auto;
   box-shadow: ${({ theme }) => theme.shadow.dialog};
   display: flex;