Split desktop and mobile layouts with shared page data so APIs fetch once per context.

Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/base/home/components/PriceStats.vue

@@ -1,5 +1,11 @@
 <template>
-  <div class="w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in mt-6 pb-45">
+  <div
+    class="w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in"
+    :class="[
+      layout === 'boursecu' ? 'mt-8 pt-2' : 'mt-6',
+      variant === 'mobile' ? 'pb-45' : 'mt-0 pb-0',
+    ]"
+  >
     <div class="text-center w-full">
       <div>بالاترین قیمت امروز</div>
       <div v-if="price" class="flex flex-col items-center mt-3">
@@ -29,9 +35,17 @@ import { computed } from 'vue'
 import { getTradeBuyPrice, getTradeSellPrice } from '@/utils/price'
 import { usePriceWithoutType } from '../../../../utils/usePrice'
 
-const props = defineProps<{
-  price: any
-}>()
+const props = withDefaults(
+  defineProps<{
+    price: any
+    layout?: 'default' | 'boursecu'
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  {
+    layout: 'default',
+    variant: 'mobile',
+  }
+)
 
 const highPrice = computed(() => props.price?.up?.buy ?? getTradeBuyPrice(props.price))
 const lowPrice = computed(() => props.price?.up?.sell ?? getTradeSellPrice(props.price))