fix(page-header): cap title/subtitle width

Title and subtitle grew unbounded, relying only on flex-squeeze from action
buttons to ever truncate. Caps the container at 640px and gives the
subtitle the same truncate treatment the title already had, so a long
page title or description (report descriptions in particular) always
ellipses instead of stretching the header.

apps/edr-freight-web/backoffice/src/components/page/PageHeader.tsx

@@ -50,15 +50,15 @@ export function PageHeader({
             </ActionIcon>
           ) : null}
 
-          <div style={{ minWidth: 0 }}>
+          <div style={{ minWidth: 0, maxWidth: 640 }}>
             <Group gap="sm" align="center" wrap="nowrap">
-              <Title order={2} className="truncate">
+              <Title order={2} className="truncate" style={{ minWidth: 0 }}>
                 {title}
               </Title>
               {meta}
             </Group>
             {subtitle ? (
-              <Text c="dimmed" size="sm" mt={4}>
+              <Text c="dimmed" size="sm" mt={4} className="truncate">
                 {subtitle}
               </Text>
             ) : null}