fix and update

apps/frontend/app/data/page.tsx

@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation';
 import { Car, ChevronRight, FileKey2, FileText, Loader2, Mail, Phone, Trash2, UserRound } from 'lucide-react';
 import { AddressQuickSection } from '@/components/addresses/address-quick-section';
 import { DocumentFormDialog } from '@/components/documents/document-form-dialog';
+import { DocumentPhotosInline } from '@/components/documents/document-photo-gallery';
 import { ActionTile } from '@/components/id/action-tile';
 import { useAuth } from '@/components/id/auth-provider';
 import { IdShell } from '@/components/id/shell';
@@ -19,6 +20,8 @@ import { useRequireAuth } from '@/hooks/use-require-auth';
 import {
   getDocumentType,
   indexDocumentsByType,
+  parseDocumentPhotos,
+  parseMetadata,
   type DocumentTypeCode
 } from '@/lib/document-catalog';
 import { apiFetch, getApiErrorMessage, cancelAccountDeletion, fetchAccountDeletionStatus, requestAccountDeletion, type AccountDeletionStatus, UserDocument, UserProfileResponse } from '@/lib/api';
@@ -320,14 +323,21 @@ export default function DataPage() {
           ) : (
             documents.map((document) => {
               const config = getDocumentType(document.type);
+              const photoKeys = parseDocumentPhotos(parseMetadata(document.metadataJson));
               return (
-                <Row
-                  key={document.id}
-                  icon={FileText}
-                  title={config?.label ?? document.type}
-                  text={document.number}
-                  onClick={() => openDocument(document.type as DocumentTypeCode)}
-                />
+                <div key={document.id}>
+                  <Row
+                    icon={FileText}
+                    title={config?.label ?? document.type}
+                    text={document.number}
+                    onClick={() => openDocument(document.type as DocumentTypeCode)}
+                  />
+                  {photoKeys.length > 0 && userId && token ? (
+                    <div className="border-b border-[#eceef4] px-1 pb-4">
+                      <DocumentPhotosInline userId={userId} token={token} storageKeys={photoKeys} />
+                    </div>
+                  ) : null}
+                </div>
               );
             })
           )}