feat: complete UI/UX improvements, vuesax icons, media server, and section management

apps/web/app/error.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NuxtError } from "#app";
-import { ShieldAlert } from "lucide-vue-next";
+import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
 
 const props = defineProps<{ error: NuxtError }>();
 const notFound = computed(() => props.error.statusCode === 404);
@@ -15,7 +15,7 @@ const goHome = () => clearError({ redirect: "/" });
 <template>
   <main class="flex min-h-screen flex-col items-center justify-center px-5 text-center">
     <div class="hazard absolute inset-x-0 top-0 h-2.5" />
-    <ShieldAlert class="size-16 text-accent" />
+    <VuesaxIcon name="shield-cross" class="size-16 text-accent" />
     <h1 class="mt-8 text-4xl font-black md:text-6xl">
       {{ notFound ? "صفحه مورد نظر پیدا نشد" : "خطایی رخ داد" }}
     </h1>