Changed Error Page

error.vue

@@ -7,11 +7,29 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="flex justify-center h-100 w-100">
-    <div class="mt-20">
-      <h1 class="text-5xl text-center mb-3">Da ist etwas schief gelaufen</h1>
-      <UButton to="/">Zurück</UButton>
-    </div>
+  <UCard class="w-1/2 mx-auto mt-10 text-center">
+    <template #header>
+      <div class="text-center">
+        <span class="text-xl text-center font-bold">Es gab ein Problem - {{error.statusCode}}</span>
+      </div>
+    </template>
+    <UColorModeImage
+        light="/Logo.png"
+        dark="/Logo_Dark.png"
+        class="w-3/4 mx-auto "
+    />
+    <UAccordion
+        class="mt-5"
+        :items="[{
+        label: 'Fehlerbeschreibung',
+        icon: 'i-heroicons-information-circle',
+        defaultOpen: false,
+        content: error
+      }]"
+    >
 
-  </div>
+    </UAccordion>
+    <UButton to="/" class="mt-5">Zurück zur Startseite</UButton>
+
+  </UCard>
 </template>