feat: wrap vaccination in two lines if no space

apps/native/app/src/ui/lib/card/expandable-card.tsx

@@ -54,6 +54,7 @@ const IconWrapper = styled.View`
 const IconMessage = styled.View`
   flex-direction: row;
   justify-content: flex-start;
+  flex: 1;
 `
 
 const Row = styled.View`
@@ -62,6 +63,12 @@ const Row = styled.View`
   align-items: center;
 `
 
+const Message = styled(Typography)`
+  flex: 1;
+  flex-shrink: 1;
+  margin-right: ${({ theme }) => theme.spacing[1]}px;
+`
+
 const Expanded = styled.View`
   background-color: ${dynamicColor('background')};
   border-bottom-left-radius: ${({ theme }) => theme.border.radius.large};
@@ -182,7 +189,7 @@ export const ExpandableCard = ({
                   />
                 </IconWrapper>
               )}
-              <Typography variant="heading5">{message}</Typography>
+              <Message variant="heading5">{message}</Message>
             </IconMessage>
             <Typography variant="heading5">{value}</Typography>
           </Row>