[front] fix: video metadata not wrapped correctly in EntityCard on Sa…

…fari (#1885)

* [front] fix: explicit flex-wrap on video info in EntityCard, was wrapped on hidden column on Safari

* center and add non breaking space in CollectiveGoalWeeklyProgress to fit small screens

frontend/src/components/entity/EntityCard.tsx

@@ -160,6 +160,7 @@ const EntityCard = ({
             data-testid="video-card-info"
             container
             direction="column"
+            flexWrap="nowrap"
           >
             <EntityCardTitle
               uid={entity.uid}

frontend/src/features/goals/CollectiveGoalWeeklyProgress.tsx

@@ -33,7 +33,7 @@ const CollectiveGoalWeeklyProgress = () => {
       gap={1}
       mb={4}
     >
-      <Typography variant="h6">
+      <Typography variant="h6" textAlign="center">
         <Trans
           t={t}
           i18nKey="collectiveGoalWeeklyProgress.weeklyCollectiveGoal"
@@ -45,7 +45,8 @@ const CollectiveGoalWeeklyProgress = () => {
           }}
           %
         </Trans>
-        {` ${getWeeklyProgressionEmoji(collectiveComparisonsPercent)}`}
+        &nbsp;
+        {`${getWeeklyProgressionEmoji(collectiveComparisonsPercent)}`}
       </Typography>
       <Box
         width="100%"