feat(home): landing-style live chart, dynamic product tabs, and price copy

Replace home chart with landing live card, catalog-driven tabs, and smoother range transitions; normalize مظنه to قیمت in user-facing strings; add installment and zaarbox chart APIs.

src/views/base/home/desktop/components/DesktopChartPanel.vue

@@ -1,31 +1,10 @@
 <script setup lang="ts">
-import { computed, toValue } from 'vue'
-import { useHomePageContext } from '../../composables/useHomePage'
-import PriceChart from '../../components/PriceChart.vue'
+import LandingLiveChartMain from '../../components/LandingLiveChartMain.vue'
 import DesktopHomeCard from '../components/DesktopHomeCard.vue'
-
-const ctx = useHomePageContext()
-
-const chartLayout = 'boursecu' as const
-const priceChartSeries = computed(() => {
-  const series = toValue(ctx.priceChartSeries)
-  void series?.[0]?.data?.length
-  return series
-})
-const chartSelection = computed(() => toValue(ctx.chartSelection))
-const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))
 </script>
 
 <template>
   <DesktopHomeCard title="نمودار قیمت">
-    <PriceChart
-      variant="desktop"
-      :price-chart-series="priceChartSeries"
-      :layout="chartLayout"
-      :chart-selection="chartSelection"
-      :selected-metal="selectedChartMetal"
-      @update-data="ctx.updateChartData"
-      @update:selected-metal="ctx.setChartMetal"
-    />
+    <LandingLiveChartMain />
   </DesktopHomeCard>
 </template>

src/views/base/home/desktop/components/DesktopChartSection.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { computed, toValue } from 'vue'
-import { useHomePageContext } from '../../composables/useHomePage'
-import PriceChart from '../../components/PriceChart.vue'
+import LandingLiveChartMain from '../../components/LandingLiveChartMain.vue'
 import DesktopHomeSection from './DesktopHomeSection.vue'
 
 const props = withDefaults(
@@ -12,17 +10,6 @@ const props = withDefaults(
     embedded: false,
   },
 )
-
-const ctx = useHomePageContext()
-
-const chartLayout = 'boursecu' as const
-const priceChartSeries = computed(() => {
-  const series = toValue(ctx.priceChartSeries)
-  void series?.[0]?.data?.length
-  return series
-})
-const chartSelection = computed(() => toValue(ctx.chartSelection))
-const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))
 </script>
 
 <template>
@@ -31,14 +18,6 @@ const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))
     :title="props.embedded ? undefined : 'نمودار قیمت'"
     class="dhome-chart"
   >
-    <PriceChart
-      variant="desktop"
-      :price-chart-series="priceChartSeries"
-      :layout="chartLayout"
-      :chart-selection="chartSelection"
-      :selected-metal="selectedChartMetal"
-      @update-data="ctx.updateChartData"
-      @update:selected-metal="ctx.setChartMetal"
-    />
+    <LandingLiveChartMain />
   </component>
 </template>

src/views/base/home/desktop/components/DesktopLivePrice.vue

@@ -84,7 +84,7 @@ const statusHint = computed(() => {
   if (displayState.value === 'closed') {
     return getStoreClosedHint(userStore.getValueByKey('closed_message'))
   }
-  return 'در حال حاضر مظنه‌ای برای نمایش وجود ندارد.'
+  return 'در حال حاضر قیمتی برای نمایش وجود ندارد.'
 })
 
 const displayGoldVal = computed(() => {