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/login/mobile/MobileLoginView.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="login-page flex items-center justify-center">
+    <template v-if="!isBoursecu">
+      <div class="fixed top-0 right-0 left-0 h-1/3 w-screen flex">
+        <img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover" />
+        <img :src="img_pattern" alt="" class="absolute w-screen h-full object-none" />
+      </div>
+      <div class="fixed bottom-0 right-0 left-0 h-1/3 w-screen">
+        <img :src="img_bottomGradiant" alt="" class="absolute z-10 w-screen h-full object-cover" />
+        <img :src="img_pattern" alt="" class="absolute w-screen h-full object-none" />
+      </div>
+    </template>
+    <div class="z-1000 w-full p-5">
+      <Login v-if="!page.enterType" key="login" @register="page.setEnterType" />
+      <Register v-else key="register" @register="page.setEnterType" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import Login from '../components/Login.vue'
+import Register from '../components/Register.vue'
+import { useLoginPageContext } from '../composables/useLoginPage'
+import { isBoursecuProject } from '@/utils/config'
+import img_topGradiant from '../assets/img/gr_top_white.svg'
+import img_bottomGradiant from '../assets/img/gr_bottom_white.svg'
+import img_pattern from '../assets/img/pattern.svg'
+
+const page = useLoginPageContext()
+const isBoursecu = isBoursecuProject()
+</script>
+
+<style scoped>
+.login-page {
+  min-height: calc(100vh - var(--app-credit-footer-offset, 28px));
+}
+</style>