Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

error.vue

@@ -0,0 +1,70 @@
+<script setup>
+definePageMeta({
+  title: "Error Page",
+  layout: "empty",
+});
+
+const props = defineProps({
+  error: Object,
+});
+
+// console.log("props", props);
+
+const redirectClearError = () => {
+  clearError({ redirect: "/" });
+};
+</script>
+
+<template>
+  <div>
+    <div
+      class="flex h-screen p-6 md:p-10"
+      v-if="props.error.statusCode === 404"
+    >
+      <div class="m-auto">
+        <div class="flex items-center flex-col md:flex-row gap-10">
+          <img
+            class="w-80 flex-shrink"
+            src="@/assets/img/illustration/404-2.svg"
+            alt=""
+          />
+          <div class="flex-1 text-center md:text-left items-center">
+            <span class="block mb-2 font-bold text-2xl md:text-3xl">Oops!</span>
+            <p class="text-lg md:text-xl font-base">
+              Halaman yang anda cari tidak ada.
+            </p>
+
+            <button
+              @click="redirectClearError"
+              class="mt-5 w-fit rounded-lg flex justify-center items-center h-fit text-sm px-8 py-2.5 text-white bg-[#00A59A] hover:bg-[#00A59A]/90 disabled:bg-[#00A59A]/30 disabled:text-[#00A59A]/50 disabled:border-primary/5 disabled:cursor-default"
+            >
+              Kembali ke halaman utama
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex h-screen p-6 md:p-10"
+      v-else-if="props.error.statusCode === 500"
+    >
+      <div class="m-auto">
+        <div class="flex items-center flex-col md:flex-row gap-10">
+          <img
+            class="w-80 flex-shrink"
+            src="@/assets/img/illustration/500.svg"
+            alt=""
+          />
+          <div class="flex-1 text-center md:text-left items-center">
+            <span class="block mb-2 font-bold text-2xl md:text-3xl"
+              >Oops, something went wrong.
+            </span>
+            <p class="text-lg md:text-xl font-base">
+              Please try again later or contact us if the problem persists.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>