fix: update package version and add color constant

package.json

@@ -15,7 +15,7 @@
     "@emotion/styled": "11.11.5",
     "@graasp/query-client": "3.15.0",
     "@graasp/sdk": "4.17.0",
-    "@graasp/stylis-plugin-rtl": "^2",
+    "@graasp/stylis-plugin-rtl": "2.2.0",
     "@graasp/translations": "1.32.0",
     "@graasp/ui": "https://github.com/lnco-epfl/graasp-ui#1-update-ui-for-lnco-graasp",
     "@mui/icons-material": "5.16.1",
@@ -24,7 +24,7 @@
     "@sentry/react": "7.118.0",
     "http-status-codes": "2.3.0",
     "i18next": "23.12.1",
-    "lucide-react": "^0.417.0 || ^0.429.0 || ^0.436.0 || ^0.439.0 || ^0.441.0",
+    "lucide-react": "0.441.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-ga4": "2.1.0",

src/components/FullscreenContainer.tsx

@@ -1,5 +1,6 @@
 import { Box, Stack } from '@mui/material';
 
+import { AUTH_BOX_BORDER_AND_SHADOW_COLOR } from '../config/constants';
 import APIChecker from './APIChecker';
 import Footer from './Footer';
 
@@ -25,12 +26,12 @@ const FullscreenContainer = ({ children }: Props): JSX.Element => (
       <Box
         alignItems="center"
         bgcolor="white"
-        border="1px solid rgba(40, 40, 40, 0.4)"
+        border={`1px solid ${AUTH_BOX_BORDER_AND_SHADOW_COLOR}`}
         borderRadius={3}
         px={{ xs: 2, sm: 8 }}
         py={{ xs: 2, sm: 6 }}
         m={4}
-        boxShadow="0px 0px 20px 5px rgba(40, 40, 40, 0.3)"
+        boxShadow={`0px 0px 20px 5px ${AUTH_BOX_BORDER_AND_SHADOW_COLOR}`}
       >
         {children}
       </Box>

src/config/constants.ts

@@ -1 +1,2 @@
 export const MAX_CHECKBOX_LABEL_WITH_PX_SIGN_UP = 330;
+export const AUTH_BOX_BORDER_AND_SHADOW_COLOR = 'rgba(40,40,40,0.4)';