fix(1978): show date in live matches

src/features/MatchCard/CardFrontside/index.tsx

@@ -114,18 +114,15 @@ export const CardFrontside = ({
             )}
           {access === MatchAccess.CanBuyMatch && <BuyMatchBadge />}
           <MatchTimeInfo>
-            {live
+            <MatchDate isHomePage={isHomePage}>
-              ? (
+              {isHomePage ? null : formattedDate}
-                <LiveSign>
+              <Time>{time}</Time>
-                  <T9n t='live' />
+            </MatchDate>
-                </LiveSign>
+            {live && (
-              )
+              <LiveSign>
-              : (
+                <T9n t='live' />
-                <MatchDate isHomePage={isHomePage}>
+              </LiveSign>
-                  {isHomePage ? null : formattedDate}
+            )}
-                  <Time>{time}</Time>
-                </MatchDate>
-              )}
           </MatchTimeInfo>
         </PreviewWrapper>
         <Info>

src/features/MatchCard/styled.tsx

@@ -88,6 +88,8 @@ export const MatchTimeInfo = styled.div`
   position: absolute;
   top: 0.519rem;
   padding: 0 0.519rem;
+  display: flex;
+  flex-direction: row;
 `
 
 type MatchDateProps = {