feat: add type-specific metadata and expiration badges to documents UX (refs #43)

- Create ExpirationBadge component with 30-day warning and expired states
- Create DocumentCardMetadata component for type-specific field display
- Update DocumentsPage to show metadata and expiration badges on cards
- Update DocumentsMobileScreen with metadata and badges (mobile variant)
- Redesign DocumentDetailPage with side-by-side layout (desktop) and
  stacked layout (mobile) showing full metadata panel
- Add 33 unit tests for new components
- Fix jest.config.ts testMatch pattern for test discovery

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/features/documents/pages/DocumentsPage.tsx

@@ -5,6 +5,8 @@ import { Card } from '../../../shared-minimal/components/Card';
 import { Button } from '../../../shared-minimal/components/Button';
 import { useNavigate } from 'react-router-dom';
 import { AddDocumentDialog } from '../components/AddDocumentDialog';
+import { ExpirationBadge } from '../components/ExpirationBadge';
+import { DocumentCardMetadata } from '../components/DocumentCardMetadata';
 import { useVehicles } from '../../vehicles/hooks/useVehicles';
 import { getVehicleLabel } from '../utils/vehicleLabel';
 
@@ -135,8 +137,12 @@ export const DocumentsPage: React.FC = () => {
             return (
               <Card key={doc.id}>
                 <div className="p-4 space-y-2">
-                  <div className="font-medium">{doc.title}</div>
+                  <div className="flex items-center gap-2 flex-wrap">
+                    <span className="font-medium">{doc.title}</span>
+                    <ExpirationBadge expirationDate={doc.expirationDate} />
+                  </div>
                   <div className="text-sm text-slate-500">Type: {doc.documentType}</div>
+                  <DocumentCardMetadata doc={doc} variant="card" />
                   <div className="text-sm">
                     <span className="text-slate-500">Vehicle: </span>
                     <button