Polish boursecu UX: branding logos, home price stats, assets, and desktop footer.

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

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

@@ -2,7 +2,7 @@
   <div
     class="w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in"
     :class="[
-      layout === 'boursecu' ? 'mt-8 pt-2' : 'mt-6',
+      isBoursecuLayout ? 'mt-8 pt-2' : 'mt-6',
       variant === 'mobile' ? 'pb-45' : 'mt-0 pb-0',
     ]"
   >
@@ -33,31 +33,28 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { usePriceWithoutType } from '../../../../utils/usePrice'
-import type { ChartMetalType } from '../composables/usePriceChart'
-import { resolveMetalDayRangePrices } from '../composables/usePriceChart'
+import { price } from '@/utils/price'
+import { getHomeLayoutId } from '../layouts/registry'
+import { resolveMetalDayRangePrices, usePriceChart } from '../composables/usePriceChart'
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
-    price: any
-    layout?: 'default' | 'boursecu'
     variant?: 'mobile' | 'desktop'
-    selectedMetal?: ChartMetalType
-    maftolRatio?: number
   }>(),
   {
-    layout: 'default',
     variant: 'mobile',
-    selectedMetal: 'katod',
-    maftolRatio: 0,
   }
 )
 
+const { selectedChartMetal, maftolChartRatio } = usePriceChart()
+const isBoursecuLayout = computed(() => getHomeLayoutId() === 'boursecu')
+
 const rangePrices = computed(() =>
   resolveMetalDayRangePrices({
-    price: props.price,
-    metal: props.selectedMetal,
-    isBoursecuLayout: props.layout === 'boursecu',
-    maftolRatio: props.maftolRatio,
+    price: price.value,
+    metal: selectedChartMetal.value,
+    isBoursecuLayout: isBoursecuLayout.value,
+    maftolRatio: maftolChartRatio.value,
   })
 )