Modal Background & box shadow fixes (#8506)

# Before

![CleanShot 2024-11-14 at 19 20
59](https://github.com/user-attachments/assets/9a561416-a08c-4cc4-ac71-b3f4410950d8)

# After

![CleanShot 2024-11-14 at 19 21
34](https://github.com/user-attachments/assets/eaa78d94-a337-4d91-9c36-8ac0dd27d952)

packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx

@@ -15,9 +15,14 @@ const StyledModalDiv = styled(motion.div)<{
   size?: ModalSize;
   padding?: ModalPadding;
   isMobile: boolean;
+  modalVariant: ModalVariants;
 }>`
   display: flex;
   flex-direction: column;
+  box-shadow: ${({ theme, modalVariant }) =>
+    modalVariant === 'primary'
+      ? theme.boxShadow.superHeavy
+      : theme.boxShadow.strong};
   background: ${({ theme }) => theme.background.primary};
   color: ${({ theme }) => theme.font.color.primary};
   border-radius: ${({ theme, isMobile }) => {
@@ -231,6 +236,7 @@ export const Modal = ({
         animate="visible"
         exit="exit"
         layout
+        modalVariant={modalVariant}
         variants={modalAnimation}
         className={className}
         isMobile={isMobile}