upd: stack trace hide/show toggle and date format DD/MM/YYYY 24h

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/frontend/routes/apps.$appId.errors.tsx

@@ -57,11 +57,16 @@ function AppErrorsPage() {
 
 
   const [showLogs, setShowLogs] = useState<Record<string, boolean>>({})
+  const [showStackTrace, setShowStackTrace] = useState<Record<string, boolean>>({})
 
   const toggleLogs = (bugId: string) => {
     setShowLogs((prev) => ({ ...prev, [bugId]: !prev[bugId] }))
   }
 
+  const toggleStackTrace = (bugId: string) => {
+    setShowStackTrace((prev) => ({ ...prev, [bugId]: !prev[bugId] }))
+  }
+
   const { data, isLoading, refetch } = useQuery({
     queryKey: ['bugs', { page, search, app, status }],
     queryFn: () =>
@@ -511,7 +516,7 @@ function AppErrorsPage() {
                       </Group>
                       <Group gap="md">
                         <Text size="xs" c="dimmed">
-                          {new Date(bug.createdAt).toLocaleString()} • {bug.appId?.toUpperCase()} • v{bug.affectedVersion}
+                          {new Date(bug.createdAt).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false })} • {bug.appId?.toUpperCase()} • v{bug.affectedVersion}
                         </Text>
                       </Group>
                     </Box>
@@ -564,19 +569,31 @@ function AppErrorsPage() {
                     {/* Stack Trace */}
                     {bug.stackTrace && (
                       <Box>
-                        <Text size="xs" fw={700} c="dimmed" mb={4}>STACK TRACE</Text>
-                        <Code
-                          block
-                          color="red"
-                          style={{
-                            fontFamily: 'monospace',
-                            whiteSpace: 'pre-wrap',
-                            fontSize: '11px',
-                            border: '1px solid var(--mantine-color-default-border)',
-                          }}
-                        >
-                          {bug.stackTrace}
-                        </Code>
+                        <Group justify="space-between" mb={4}>
+                          <Text size="xs" fw={700} c="dimmed">STACK TRACE</Text>
+                          <Button
+                            variant="subtle"
+                            size="compact-xs"
+                            color="gray"
+                            onClick={() => toggleStackTrace(bug.id)}
+                          >
+                            {showStackTrace[bug.id] ? 'Hide' : 'Show'}
+                          </Button>
+                        </Group>
+                        <Collapse in={!!showStackTrace[bug.id]}>
+                          <Code
+                            block
+                            color="red"
+                            style={{
+                              fontFamily: 'monospace',
+                              whiteSpace: 'pre-wrap',
+                              fontSize: '11px',
+                              border: '1px solid var(--mantine-color-default-border)',
+                            }}
+                          >
+                            {bug.stackTrace}
+                          </Code>
+                        </Collapse>
                       </Box>
                     )}