fix(sdk): Align scope types with engine output + project isolation + optional block progress

Type alignment (root cause of client-side crash):
- RiskFlag: id/title/description → severity/category/message/recommendation
- ScopeGap: id/title/recommendation/relatedDocuments → gapType/currentState/targetState/effort
- NextAction: id/priority:number/effortDays → actionType/priority:string/estimatedEffort
- ScopeReasoning: details → factors + impact
- TriggeredHardTrigger: {rule: HardTriggerRule} → flat fields (ruleId, description, etc.)
- All UI components updated to match engine output shape

Project isolation:
- Scope localStorage key now includes projectId (prevents data leak between projects)

Optional block progress:
- Blocks with only optional questions now show green checkmark when any question answered

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

admin-compliance/components/sdk/compliance-scope/ScopeWizardTab.tsx

@@ -350,6 +350,10 @@ export function ScopeWizardTab({
               const unanswered = getUnansweredRequiredQuestions(answers, block.id)
               const hasRequired = block.questions.some(q => q.required)
               const allRequiredDone = hasRequired && unanswered.length === 0
+              // For optional-only blocks: check if any questions were answered
+              const answeredIds = new Set(answers.map(a => a.questionId))
+              const hasAnyAnswer = block.questions.some(q => answeredIds.has(q.id))
+              const optionalDone = !hasRequired && hasAnyAnswer
 
               return (
                 <button
@@ -366,11 +370,12 @@ export function ScopeWizardTab({
                     <span className={`text-sm font-medium ${isActive ? 'text-purple-700' : 'text-gray-700'}`}>
                       {block.title}
                     </span>
-                    {allRequiredDone ? (
+                    {allRequiredDone || optionalDone ? (
                       <span className="flex items-center gap-1 text-xs font-semibold text-green-600">
                         <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M5 13l4 4L19 7" />
                         </svg>
+                        {!hasRequired && <span>(optional)</span>}
                       </span>
                     ) : !hasRequired ? (
                       <span className="text-xs text-gray-400">(nur optional)</span>
@@ -383,7 +388,7 @@ export function ScopeWizardTab({
                   <div className="w-full bg-gray-200 rounded-full h-1.5 overflow-hidden">
                     <div
                       className={`h-full transition-all ${
-                        allRequiredDone
+                        allRequiredDone || optionalDone
                           ? 'bg-green-500'
                           : !hasRequired
                             ? 'bg-gray-300'