📱(frontend) enhance team info style to avoid layout shift

On small screens, padding and alignment were causing texts to render wrapped.
It might be a personal choice, but I decided to give more space to the text,
thus avoiding text to wrap and ending up in increasing team info's height.

This issue arises when closing / opening the panel menu.

src/frontend/apps/desk/src/features/teams/components/TeamInfo.tsx

@@ -67,15 +67,12 @@ export const TeamInfo = ({ team, currentRole }: TeamInfoProps) => {
         </Box>
         <Box
           className="p-s"
-          $gap="2rem"
+          $gap="3rem"
           $direction="row"
           $justify="start"
           $css={`
             border-top: 1px solid ${colorsTokens()['card-border']};
             padding-left: 1.5rem;
-            @media (min-width: 768px) {
-              padding-left: 6rem;
-            }
           `}
         >
           <Text $size="s" as="p">