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/educate/mobile/MobileEducateView.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <div class="wrap-fix z-1 bg-white py-3 px-3 text-black 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-10">
+      <div class="text-justify text-base z-200000 relative">
+        <div class="px-10">
+          <div class="overflow-y-auto h-60vh pb-10 border-[#093D51]">
+            <EducateContentPanel variant="mobile" />
+          </div>
+        </div>
+        <EducateSupportActions variant="mobile" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import router from '@/router'
+import EducateContentPanel from '../components/EducateContentPanel.vue'
+import EducateSupportActions from '../components/EducateSupportActions.vue'
+</script>