fix: Erstbewertung aus risk_assessment + Pagination + Projektname

- Erstbewertung S/E/P liest jetzt aus risk_assessment statt hazard
- Hazards: Pagination 50 pro Seite mit < > Navigation
- Massnahmen: Lazy-Load 50 pro Accordion mit "Mehr laden"
- Sidebar: Projektname (z.B. "Kniehebelpresse HP-500") prominent
- Uebersicht: Nur 2 API-Calls (keine schweren Listen)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

admin-compliance/app/sdk/iace/[projectId]/mitigations/page.tsx

@@ -27,6 +27,7 @@ export default function MitigationsPage() {
   const [libraryFilter, setLibraryFilter] = useState<string | undefined>()
   const [showSuggest, setShowSuggest] = useState(false)
   const [expanded, setExpanded] = useState<Record<string, boolean>>({ design: true, protection: true, information: true })
+  const [mitPages, setMitPages] = useState<Record<string, number>>({ design: 1, protection: 1, information: 1 })
   const [selected, setSelected] = useState<Set<string>>(new Set())
   const [batchAction, setBatchAction] = useState<'verify' | 'delete' | null>(null)
 
@@ -183,8 +184,8 @@ export default function MitigationsPage() {
                   <div>Gefaehrdung</div>
                   <div>Status</div>
                 </div>
-                {/* Rows */}
-                {items.map((m) => (
+                {/* Rows — paginated */}
+                {items.slice(0, (mitPages[type] || 1) * 50).map((m) => (
                   <div key={m.id}
                     className={`grid grid-cols-[24px_2fr_1fr_80px] gap-2 px-4 py-2 border-t border-gray-50 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors ${selected.has(m.id) ? 'bg-purple-50 dark:bg-purple-900/10' : ''}`}>
                     <div className="pt-0.5">
@@ -203,6 +204,12 @@ export default function MitigationsPage() {
                     </div>
                   </div>
                 ))}
+                {items.length > (mitPages[type] || 1) * 50 && (
+                  <button onClick={() => setMitPages(prev => ({ ...prev, [type]: (prev[type] || 1) + 1 }))}
+                    className="w-full py-2 text-xs text-purple-600 hover:bg-purple-50 border-t border-gray-100 transition-colors">
+                    Weitere {Math.min(50, items.length - (mitPages[type] || 1) * 50)} von {items.length} laden...
+                  </button>
+                )}
               </div>
             )}