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/components/RulesSupportActions.vue

@@ -0,0 +1,41 @@
+<template>
+  <div :class="variant === 'desktop' ? 'drules-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
+    <a class="w-full" :href="supportHref">
+      <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
+    </a>
+    <a :href="baleHref" target="_blank" rel="noopener noreferrer">
+      <img src="@/assets/img/bale.png" alt="بله" :class="variant === 'desktop' ? 'drules-support__bale' : 'h-10 w-10'" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { useRulesPageContext } from '../composables/useRulesPage'
+
+withDefaults(
+  defineProps<{
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  { variant: 'mobile' },
+)
+
+const {
+  config,
+  getProjectSupportPhoneLink,
+  getProjectBaleLink,
+} = useRulesPageContext()
+
+const supportHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'tel:09031265925'
+    : getProjectSupportPhoneLink(),
+)
+
+const baleHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'https://ble.ir/garoosigallery'
+    : getProjectBaleLink(),
+)
+</script>