fix(admin-v2): Restore complete admin-v2 application

The admin-v2 application was incomplete in the repository. This commit
restores all missing components:

- Admin pages (76 pages): dashboard, ai, compliance, dsgvo, education,
  infrastructure, communication, development, onboarding, rbac
- SDK pages (45 pages): tom, dsfa, vvt, loeschfristen, einwilligungen,
  vendor-compliance, tom-generator, dsr, and more
- Developer portal (25 pages): API docs, SDK guides, frameworks
- All components, lib files, hooks, and types
- Updated package.json with all dependencies

The issue was caused by incomplete initial repository state - the full
admin-v2 codebase existed in backend/admin-v2 and docs-src/admin-v2
but was never fully synced to the main admin-v2 directory.

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

admin-v2/app/(sdk)/sdk/tom-generator/data/page.tsx

@@ -0,0 +1,128 @@
+'use client'
+
+import React from 'react'
+import { useRouter } from 'next/navigation'
+import { useTOMGenerator } from '@/lib/sdk/tom-generator'
+import { DataCategoriesStep } from '@/components/sdk/tom-generator/steps/DataCategoriesStep'
+import { TOM_GENERATOR_STEPS } from '@/lib/sdk/tom-generator/types'
+
+/**
+ * Step 2: Data Categories
+ *
+ * Collects data processing information including:
+ * - Data categories (with warnings for special categories)
+ * - Data subjects (with warnings for minors)
+ * - Data volume
+ * - Third country transfers
+ */
+export default function DataPage() {
+  const router = useRouter()
+  const { state, goToNextStep, goToPreviousStep } = useTOMGenerator()
+
+  const currentStepIndex = TOM_GENERATOR_STEPS.findIndex((s) => s.id === 'data-categories')
+  const prevStep = TOM_GENERATOR_STEPS[currentStepIndex - 1]
+  const nextStep = TOM_GENERATOR_STEPS[currentStepIndex + 1]
+
+  const handleNext = () => {
+    goToNextStep()
+    if (nextStep) {
+      router.push(nextStep.url)
+    }
+  }
+
+  const handleBack = () => {
+    goToPreviousStep()
+    if (prevStep) {
+      router.push(prevStep.url)
+    }
+  }
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 py-8">
+      {/* Step Header */}
+      <div className="mb-8">
+        <div className="flex items-center gap-2 text-sm text-gray-500 mb-2">
+          <span>Schritt 2 von 6</span>
+          <span className="text-gray-300">|</span>
+          <span>Datenkategorien</span>
+        </div>
+        <h1 className="text-2xl font-bold text-gray-900">
+          Datenkategorien & Betroffene
+        </h1>
+        <p className="mt-2 text-gray-600">
+          Welche Arten von personenbezogenen Daten verarbeiten Sie?
+          Die Sensitivitaet der Daten bestimmt die erforderlichen Schutzmassnahmen.
+        </p>
+      </div>
+
+      {/* Progress Indicator */}
+      <div className="mb-8">
+        <div className="flex items-center gap-2">
+          {TOM_GENERATOR_STEPS.map((step, index) => {
+            const stepState = state.steps.find((s) => s.id === step.id)
+            const isCompleted = stepState?.completed
+            const isCurrent = state.currentStep === step.id
+
+            return (
+              <React.Fragment key={step.id}>
+                <button
+                  onClick={() => router.push(step.url)}
+                  className={`w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium transition-all ${
+                    isCompleted
+                      ? 'bg-green-500 text-white'
+                      : isCurrent
+                        ? 'bg-blue-500 text-white'
+                        : 'bg-gray-200 text-gray-500 hover:bg-gray-300'
+                  }`}
+                  title={step.name}
+                >
+                  {isCompleted ? (
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+                    </svg>
+                  ) : (
+                    index + 1
+                  )}
+                </button>
+                {index < TOM_GENERATOR_STEPS.length - 1 && (
+                  <div
+                    className={`flex-1 h-1 rounded ${
+                      isCompleted ? 'bg-green-500' : 'bg-gray-200'
+                    }`}
+                  />
+                )}
+              </React.Fragment>
+            )
+          })}
+        </div>
+      </div>
+
+      {/* Step Content */}
+      <div className="bg-white rounded-xl border border-gray-200 p-6">
+        <DataCategoriesStep />
+      </div>
+
+      {/* Navigation */}
+      <div className="flex justify-between mt-6">
+        <button
+          onClick={handleBack}
+          className="px-4 py-2 text-gray-600 hover:text-gray-900 transition-colors flex items-center gap-2"
+        >
+          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
+          </svg>
+          Zurueck
+        </button>
+        <button
+          onClick={handleNext}
+          className="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2"
+        >
+          Weiter
+          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+          </svg>
+        </button>
+      </div>
+    </div>
+  )
+}