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

apps/web/app/components/layout/Preloader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { motion } from "motion-v";
-import { ShieldCheck } from "lucide-vue-next";
+import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
 
 const STEPS = [
   "بررسی سیستم‌های ایمنی",
@@ -51,7 +51,7 @@ const step = computed(
 
     <div class="flex items-center gap-4">
       <span class="flex size-12 items-center justify-center rounded-xl bg-accent text-bg">
-        <ShieldCheck class="size-7" />
+        <VuesaxIcon name="shield-tick" class="size-7" />
       </span>
       <span class="font-mono text-xs tracking-[0.35em] text-muted">
         IMEN PISHGAMAN CO.