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

apps/web/app/components/sections/Services.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { AnimatePresence, motion } from "motion-v";
-import { Plus } from "lucide-vue-next";
+import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
 import DynamicIcon from "~/components/ui/DynamicIcon.vue";
 import Reveal from "~/components/ui/Reveal.vue";
 import SectionHead from "~/components/ui/SectionHead.vue";
@@ -50,7 +50,7 @@ const open = ref(0);
                     : 'border-line text-muted group-hover:border-accent/50 group-hover:text-accent'
                 }`"
               >
-                <Plus class="size-5" />
+                <VuesaxIcon name="add" class="size-5" />
               </span>
             </button>