Improve boursecu UX: banners, support FAB, wallet deposit guide, fund/physical layouts, nav, and sidebar credit.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/base/home/components/BannerSlider.vue

@@ -56,4 +56,4 @@ defineEmits<{
 .banner-swiper .swiper-pagination-bullet-active {
   background: #fff;
 }
-</style>
+</style>

src/views/base/home/composables/useHomePage.ts

@@ -10,10 +10,10 @@ import {
   formatRialAssetsInfoText,
   resolveAssetsRialValue,
 } from '@/utils/productAssets'
-import { useSettingsStore } from '@/store/settingsStore'
 import { getTradeBuyPrice, lastPrice, stopLastPricePolling } from '@/utils/price'
 import { isStoreClosed } from '@/utils/storeHours'
 import { message, Modal } from 'ant-design-vue'
+import { useSettingsStore } from '@/store/settingsStore'
 import { useBanners } from './useBanners'
 import { usePriceChart, type ChartMetalType } from './usePriceChart'
 import type { HomeActionItem } from '../layouts/types'

src/views/base/home/desktop/layouts/BoursecuDesktopHome.vue

@@ -12,6 +12,7 @@ import DesktopPriceRange from '../components/DesktopPriceRange.vue'
 import DesktopAssetsMetrics from '../components/DesktopAssetsMetrics.vue'
 import DesktopChartSection from '../components/DesktopChartSection.vue'
 import DesktopQuickActionsPanel from '../components/DesktopQuickActionsPanel.vue'
+import DesktopBannersPanel from '../components/DesktopBannersPanel.vue'
 
 defineEmits<{
   logout: []
@@ -42,6 +43,8 @@ const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
         <DesktopPriceRange />
       </section>
 
+      <DesktopBannersPanel />
+
       <section class="dhome-main-grid">
         <DesktopChartSection />
         <DesktopQuickActionsPanel />

src/views/base/home/layouts/configs/boursecu.ts

@@ -7,6 +7,7 @@ export const boursecuHomeLayoutConfig: HomeLayoutConfig = {
     { id: 'assets' },
     { id: 'currentPrice' },
     { id: 'boursecuQuickActions' },
+    { id: 'banners' },
   ],
   sections: [
     { id: 'priceChart' },