refacto: Assets folder organization

src/components/Navbar.vue

@@ -30,7 +30,7 @@
 				<div @mouseenter="showApps = true" @mouseleave="showApps = false">
 					<div class="flex">
 						<span class="mr-1.5 cursor-pointer">Apps</span>
-						<img alt="Chevron down" src="../assets/chevron_down.svg" />
+						<img alt="Chevron down" src="../assets/icons/chevron_down.svg" />
 					</div>
 
 					<div class="absolute pt-2">
@@ -66,7 +66,7 @@
 			>
 				<div class="flex gap-2">
 					<p class="body-small max-lg:body-tiny">Chat APP</p>
-					<img alt="Message" src="../assets/message.svg" />
+					<img alt="Message" src="../assets/icons/message.svg" />
 				</div>
 			</button>
 		</a>
@@ -80,7 +80,7 @@
 				<div class="body-default focus:bg-neutral-200">
 					<button class="flex items-center px-8 py-4" @click="showApps = !showApps">
 						<span class="mr-1.5 cursor-pointer">Apps</span>
-						<img alt="Chevron up" src="../assets/chevron_down.svg" />
+						<img alt="Chevron up" src="../assets/icons/chevron_down.svg" />
 					</button>
 					<div v-show="showApps" class="flex flex-col border-y">
 						<a href="https://chat.libertai.io" target="_blank">

src/pages/Home/AICustomizationSection.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import LButton from "../../components/LButton.vue";
-import AilonMusk from "../../assets/AilonMusk.png";
-import Therapist from "../../assets/Therapist.png";
-import VirtualBoyfriend from "../../assets/VirtualBoyfriend.png";
-import VirtualGirlfriend from "../../assets/VirtualGirlfriend.png";
-import Tromp from "../../assets/Tromp.png";
+import AilonMusk from "../../assets/home/personas/AilonMusk.png";
+import Therapist from "../../assets/home/personas/Therapist.png";
+import VirtualBoyfriend from "../../assets/home/personas/VirtualBoyfriend.png";
+import VirtualGirlfriend from "../../assets/home/personas/VirtualGirlfriend.png";
+import Tromp from "../../assets/home/personas/Tromp.png";
 import { onMounted, ref, watch } from "vue";
 
 const AIs = [

src/pages/Tokenomics/TokenomicsHeroSection.vue

@@ -14,14 +14,14 @@
 					participation, innovation, and growth within the LibertAI platform.
 				</p>
 			</div>
-			<img alt="Earn" class="z-10 m-auto max-lg:hidden" src="../../assets/image 32.png" />
+			<img alt="Earn" class="z-10 m-auto max-lg:hidden" src="../../assets/tokenomics/hero.png" />
 		</div>
 	</section>
 </template>
 
 <style scoped>
 div.image-background {
-	background-image: url("../../assets/image 32.png");
+	background-image: url("../../assets/tokenomics/hero.png");
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;