feat: Refactor form in sectionIndex and create

legalconsenthub/app/components/FormValidationIndicator.vue

@@ -0,0 +1,27 @@
+<template>
+  <UPageCard title="Ampelstatus" variant="naked" orientation="horizontal" class="mb-4">
+    {{ statusEmoji }}
+  </UPageCard>
+</template>
+
+<script setup lang="ts">
+import { ComplianceStatus } from '~~/.api-client'
+
+const props = defineProps<{
+  status: ComplianceStatus
+}>()
+
+const statusEmoji = computed(() => {
+  switch (props.status) {
+    case ComplianceStatus.Critical:
+      return '🔴'
+    case ComplianceStatus.Warning:
+      return '🟡'
+    case ComplianceStatus.NonCritical:
+      return '🟢'
+    default:
+      return '🟢'
+  }
+})
+</script>
+