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/about/mobile/MobileAboutView.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div class="bg-white wrap-fix z-200001 py-3 px-3 text-primary font-bold drop-shadow flex">
+      <div class="cursor-pointer" @click="router.back()">
+        <BasicIcon icon="vuesax-linear:arrow-right-1" />
+      </div>
+      <div class="mr-2">درباره ما</div>
+    </div>
+    <div class="pt-20">
+      <div>
+        <img :src="img" alt="" class="mt-2 w-full absolute bottom-0" />
+      </div>
+      <div class="text-justify text-base z-200000 relative">
+        <div class="px-10">
+          <div class="overflow-y-auto h-65vh pb-20">
+            <AboutSectionsContent variant="mobile" />
+          </div>
+        </div>
+        <AboutSupportActions variant="mobile" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import img from '@/assets/img/user_ly1.svg'
+import router from '@/router'
+import AboutSectionsContent from '../components/AboutSectionsContent.vue'
+import AboutSupportActions from '../components/AboutSupportActions.vue'
+</script>