fixup! ✨(frontend) improve mobile UX by showing subdocs count

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx

@@ -59,40 +59,39 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
   }
 
   const hasChildren = childrenCount > 0;
+
+  if (isDesktop) {
+    return (
+      <>
+        <Text
+          $variation="600"
+          $size="s"
+          $weight="bold"
+          $theme={isEditable ? 'greyscale' : 'warning'}
+        >
+          {transRole(isEditable ? doc.user_role || doc.link_role : Role.READER)}
+          &nbsp;·&nbsp;
+        </Text>
+        <Text $variation="600" $size="s">
+          {dateToDisplay}
+        </Text>
+      </>
+    );
+  }
+
   return (
     <>
-      {isDesktop ? (
-        <>
-          <Text
-            $variation="600"
-            $size="s"
-            $weight="bold"
-            $theme={isEditable ? 'greyscale' : 'warning'}
-          >
-            {transRole(
-              isEditable ? doc.user_role || doc.link_role : Role.READER,
-            )}
-            &nbsp;·&nbsp;
-          </Text>
-          <Text $variation="600" $size="s">
-            {dateToDisplay}
-          </Text>
-        </>
-      ) : (
-        <>
-          <Text $variation="400" $size="s">
-            {hasChildren ? relativeOnly : dateToDisplay}
-          </Text>
-          {hasChildren ? (
-            <Text $variation="400" $size="s">
-              &nbsp;•&nbsp;
-              {t('Contains {{count}} sub-documents', {
-                count: childrenCount,
-              })}
-            </Text>
-          ) : null}
-        </>
-      )}
+      <Text $variation="400" $size="s">
+        {hasChildren ? relativeOnly : dateToDisplay}
+      </Text>
+      {hasChildren ? (
+        <Text $variation="400" $size="s">
+          &nbsp;•&nbsp;
+          {t('Contains {{count}} sub-documents', {
+            count: childrenCount,
+          })}
+        </Text>
+      ) : null}
     </>
   );
 };