fix(assets): move icons and images to assets folder

components/about-us-banner.vue

@@ -11,7 +11,7 @@
         </h2>
         <img
           class="size-14"
-          src="/icons/mostro-green.svg"
+          src="~/assets/icons/mostro-green.svg"
         />
       </div>
       <p class="mt-6 text-lg/8 text-gray-600">
@@ -25,7 +25,7 @@
             <div class="absolute left-0 top-0 flex size-10 items-center justify-center rounded-lg bg-primary-500">
               <img
                 class="size-6"
-                src="/icons/detective.svg"
+                src="~/assets/icons/detective.svg"
               />
             </div>
             No KYC
@@ -52,7 +52,7 @@
             <div class="absolute left-0 top-0 flex size-10 items-center justify-center rounded-lg bg-primary-500">
               <img
                 class="size-6"
-                src="/icons/handshake.svg"
+                src="~/assets/icons/handshake.svg"
               />
             </div>
             P2P
@@ -66,7 +66,7 @@
             <div class="absolute left-0 top-0 flex size-10 items-center justify-center rounded-lg bg-primary-500">
               <img
                 class="size-6"
-                src="/icons/giving-hand.svg"
+                src="~/assets/icons/giving-hand.svg"
               />
             </div>
             Open source

components/contact-banner.vue

@@ -6,15 +6,15 @@
     </h2>
     <div class="flex w-full justify-center gap-x-6 lg:gap-x-8">
       <a href="https://x.com/MostroP2P" class="h-12 lg:h-16 rounded-full bg-secondary-400 hover:bg-secondary-300 shadow-lg flex aspect-square items-center justify-center">
-        <img class="h-8 lg:h-10" src="/icons/x.svg" alt="X">
+        <img class="h-8 lg:h-10" src="~/assets/icons/x.svg" alt="X">
       </a>
 
       <a href="https://primal.net/p/npub1m0str0d7z2ww8rdh20t2n9lx520xjwhaq24p68umqp06wwrwtsnqen40un" class="h-12 lg:h-16 rounded-full bg-secondary-400 hover:bg-secondary-300 shadow-lg flex aspect-square items-center justify-center">
-        <img class="h-8 lg:h-10" src="/icons/nostr.svg" alt="Nostr">
+        <img class="h-8 lg:h-10" src="~/assets/icons/nostr.svg" alt="Nostr">
       </a>
 
       <a href="https://t.me/mostrop2p" class="h-12 lg:h-16 rounded-full bg-secondary-400 hover:bg-secondary-300 shadow-lg flex aspect-square items-center justify-center">
-        <img class="h-8 lg:h-10" src="/icons/telegram.svg" alt="Telegram">
+        <img class="h-8 lg:h-10" src="~/assets/icons/telegram.svg" alt="Telegram">
       </a>
     </div>
   </div>

components/contribute-banner.vue

@@ -21,7 +21,7 @@
           href="https://github.com/MostroP2P"
         >
           <span> Contribute </span>
-          <img class="h-5" src="/icons/github.svg" />
+          <img class="h-5" src="~/assets/icons/github.svg" />
         </a>
         <a
           class="font-semibold bg-primary-500 hover:bg-primary-600 shadow-lg  text-white px-10 py-2 rounded-full transition-all duration-400 ease-in-out"
@@ -34,7 +34,7 @@
     </div>
     </div>
     <div class="hidden lg:flex w-full items-center justify-center">
-      <img class="h-80 self-center" src="/images/developer.png" />
+      <img class="h-80 self-center" src="~/assets/images/developer.png" />
     </div>
   </div>
 </div>

components/donate-banner.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
     <div class="relative isolate overflow-hidden bg-gray-900 px-6 pt-16 shadow-3xl sm:rounded-3xl sm:px-16 md:pt-24 flex flex-col-reverse lg:flex-row lg:gap-x-20 lg:px-24 lg:pt-0 bg-primary-500">
-      <img class="w-full h-96 self-center" src="/icons/mobile-mockup.svg" alt="App screenshot" >
+      <img class="w-full h-96 self-center" src="~/assets/icons/mobile-mockup.svg" alt="App screenshot" >
       <svg viewBox="0 0 1024 1024" class="absolute left-1/2 top-1/2 -z-10 size-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0" aria-hidden="true">
         <circle cx="512" cy="512" r="512" fill="url(#759c1415-0410-454c-8f7c-9a820de03641)" fill-opacity="0.7" />
         <defs>

components/hero-banner-header.vue

@@ -14,7 +14,7 @@ import { smoothScroll } from '../utils/scroll'
             </span>
             <img
               class="w-8 lg:h-12"
-              src="/icons/mostro-white.svg"
+              src="~/assets/icons/mostro-white.svg"
               alt="Mostro"
             />
           </a>

components/sponsors-banner.vue

@@ -7,13 +7,13 @@
       <div class="grid grid-cols-2 md:flex gap-10 lg:gap-20 items-center justify-center">
         <img
           class="fill-tertiary-100 col-span-1 h-8 lg:h-12 object-contain lg:col-span-1"
-          src="/icons/hrf.svg"
+          src="~/assets/icons/hrf.svg"
           alt="Human rights foundation"
         >
         <div class="flex items-center">
           <img
             class="col-span-1 h-8 lg:h-12 object-contain lg:col-span-1"
-            src="/icons/open-sats.svg"
+            src="~/assets/icons/open-sats.svg"
             alt="Open sats"
           >
           <p class="text-white font-medium text-lg lg:text-2xl">
@@ -22,13 +22,13 @@
         </div>
         <img
           class="fill-tertiary-100 col-span-1 h-8 lg:h-10 object-contain lg:col-span-1"
-          src="/icons/b4os.svg"
+          src="~/assets/icons/b4os.svg"
           alt="B4OS"
         >
         <div class="flex md:flex-col items-center">
           <img
             class="animate-bounce col-span-1 h-8 object-contain lg:col-span-1"
-            src="/icons/arrow-circle-down.svg"
+            src="~/assets/icons/arrow-circle-down.svg"
             alt="Open sats"
           >
           <p class="text-sm text-white font-medium">