Show boursecu assets per product from wallet API and scale day range for maftol.

Fix rules paragraph alignment so Persian text does not stretch with justify.

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

src/views/base/home/layouts/sections/AssetsSectionBlock.vue

@@ -10,6 +10,7 @@ const isPlainAssets = computed(() => ctx.isBoursecuHomeLayout.value)
   <AssetsSection
     v-if="!ctx.isGaroosi.value"
     :plain="isPlainAssets"
+    :boursecu-layout="isPlainAssets"
     @open-gold-modal="ctx.openGoldModal"
     @open-rial-modal="ctx.openRialModal"
   />

src/views/base/home/layouts/sections/PriceStatsSection.vue

@@ -3,11 +3,19 @@ import { computed, inject } from 'vue'
 import PriceStats from '../../components/PriceStats.vue'
 import { price } from '@/utils/price'
 import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
+import { usePriceChart } from '../../composables/usePriceChart'
 
 const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
+const { maftolChartRatio } = usePriceChart()
 const layout = computed(() => (ctx.isBoursecuHomeLayout.value ? 'boursecu' : 'default'))
+const selectedMetal = computed(() => ctx.selectedChartMetal.value)
 </script>
 
 <template>
-  <PriceStats :price="price" :layout="layout" />
+  <PriceStats
+    :price="price"
+    :layout="layout"
+    :selected-metal="selectedMetal"
+    :maftol-ratio="maftolChartRatio"
+  />
 </template>