feat: Apply shadow to SquareAppIcon title only on inverted theme

The applied shadow is here to improve readability on dark backgrounds
but is not needed on light backgrounds

So we want to use it only on inverted theme

react/SquareAppIcon/index.jsx

@@ -28,7 +28,6 @@ const useStyles = makeStyles(theme => ({
     fontSize: '0.875rem',
     lineHeight: '1.188rem',
     margin: '0.5rem 0.25rem 0 0.25rem',
-    textShadow: theme.textShadows[1],
     lineClamp: '2',
     boxOrient: 'vertical',
     display: '-webkit-box',
@@ -41,6 +40,9 @@ const useStyles = makeStyles(theme => ({
       height: '2rem'
     }
   },
+  nameInverted: {
+    textShadow: theme.textShadows[1]
+  },
   squareAppIconGhost: {
     backgroundColor: alpha(
       theme.palette.primary.main,
@@ -193,7 +195,11 @@ export const SquareAppIcon = ({
         </InfosBadge>
       </CozyTheme>
       <Typography
-        className={cx(classes.name, 'u-spacellipsis')}
+        className={cx(
+          classes.name,
+          { [classes.nameInverted]: theme === 'inverted' },
+          'u-spacellipsis'
+        )}
         variant="h6"
         align="center"
       >