add diff to mobile

apps/client/src/features/page-history/components/history-modal-mobile.tsx

@@ -1,5 +1,6 @@
 import {
   ActionIcon,
+  Badge,
   Box,
   Button,
   Group,
@@ -191,6 +192,7 @@ export default function HistoryModalMobile({ pageId, pageTitle }: Props) {
   return (
     <Box className={classes.container}>
       <Box className={classes.selectorWrapper}>
+        <Group gap="sm" wrap="nowrap">
           <Select
             data={selectData}
             value={activeHistoryId}
@@ -210,7 +212,19 @@ export default function HistoryModalMobile({ pageId, pageTitle }: Props) {
               </Group>
             )}
             comboboxProps={{ withinPortal: false }}
+            style={{ flex: 1 }}
           />
+          {diffCounts && (
+            <Group gap={4} wrap="nowrap">
+              <Badge variant="filled" color="green" size="sm">
+                +{diffCounts.added}
+              </Badge>
+              <Badge variant="filled" color="red" size="sm">
+                -{diffCounts.deleted}
+              </Badge>
+            </Group>
+          )}
+        </Group>
       </Box>
 
       <ScrollArea