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/rules/mobile/MobileRulesView.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div class="wrap-fix z-1 bg-white 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-60vh pb-20 border-primary">
+            <RulesContentPanel variant="mobile" />
+          </div>
+        </div>
+        <RulesSupportActions 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 RulesContentPanel from '../components/RulesContentPanel.vue'
+import RulesSupportActions from '../components/RulesSupportActions.vue'
+</script>