added ui for configuration errors page

ref #3

src/components/EnvError.vue

@@ -1,7 +1,29 @@
 <template>
-  <div></div>
-</template>
-
-<script setup>
-// 
-</script>
+  <section class="container px-4 py-32 mx-auto">
+    <div class="w-full mx-auto lg:w-1/3">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="h-20 feather feather-alert-triangle"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"
+        />
+      </svg>
+      <p
+        class="mt-5 mb-3 text-xl font-bold text-black dark:text-gray-50 md:text-2xl"
+      >{{ $t('configuration_error') }}</p>
+      <p class="mb-3 text-base font-medium text-gray-700 dark:text-gray-400">
+        {{ $t('the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help') }}
+        <br />
+        <br />
+        {{ $t('if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance') }}
+      </p>
+    </div>
+  </section>
+</template>