💄(frontend) add margins to Dialog

On very small screens, Dialog were touching the screen borders.
Add a minimum margin to improve its visual appearance and ensure
better spacing.

src/frontend/src/primitives/Dialog.tsx

@@ -91,12 +91,8 @@ export const Dialog = ({
         <StyledRACDialog {...dialogProps}>
           {({ close }) => (
             <VerticallyOffCenter>
-              <Div
+              <Div margin="auto" width="fit-content" maxWidth="full">
-                width="fit-content"
+                <Div margin="1rem" pointerEvents="auto">
-                maxWidth="full"
-                margin="auto"
-                pointerEvents="auto"
-              >
                   <Box size="sm" type={boxType}>
                     {!!title && (
                       <Heading
@@ -124,6 +120,7 @@ export const Dialog = ({
                     )}
                   </Box>
                 </Div>
+              </Div>
             </VerticallyOffCenter>
           )}
         </StyledRACDialog>