[@mantine/notifications] Fix notifications with bottom-right and top-right positions shifting when modal/drawer is opened

Author: rtivital

packages/@mantine/notifications/src/Notifications.tsx

@@ -15,6 +15,7 @@ import {
   OptionalPortal,
   PortalProps,
   rem,
+  RemoveScroll,
   StylesApiProps,
   useMantineTheme,
   useProps,
@@ -222,11 +223,19 @@ export const Notifications = factory<NotificationsFactory>((_props, ref) => {
         <TransitionGroup>{groupedComponents['top-left']}</TransitionGroup>
       </Box>
 
-      <Box {...getStyles('root')} data-position="top-right" {...others}>
+      <Box
+        {...getStyles('root', { className: RemoveScroll.classNames.fullWidth })}
+        data-position="top-right"
+        {...others}
+      >
         <TransitionGroup>{groupedComponents['top-right']}</TransitionGroup>
       </Box>
 
-      <Box {...getStyles('root')} data-position="bottom-right" {...others}>
+      <Box
+        {...getStyles('root', { className: RemoveScroll.classNames.fullWidth })}
+        data-position="bottom-right"
+        {...others}
+      >
         <TransitionGroup>{groupedComponents['bottom-right']}</TransitionGroup>
       </Box>