feat(fund): show rial value of piggy-bank gold

The gram balance alone does not show what the holding is worth.

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

src/assets/css/main.less

@@ -351,4 +351,20 @@ body {
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{
   color: white !important;
+}
+
+.ant-spin-dot-item,
+.ant-spin-dot i {
+  background-color: @primary-color !important;
+}
+
+/* لودینگ محتوای صفحه — وسط ناحیه محتوا (موبایل و دسکتاپ یکسان) */
+.app-page-content-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: min(52vh, 22rem);
+  padding: 2rem 1rem;
 }

src/views/base/fund/info/index.vue

@@ -21,6 +21,9 @@
         <div class="ml-1 text-base text-black">{{ info?.wallet[0]?.gold }}</div>
         گرم
       </div>
+      <div v-if="rialEquivalent !== null" class="mt-1 text-xs text-gray-400">
+        {{ usePriceWithoutType(rialEquivalent) }} ریال
+      </div>
       <div class="text-gray-400">موجودی قلک {{ info?.title }}</div>
       <div class="w-full p-5">
         <div class="w-full flex gap-3">
@@ -145,6 +148,8 @@ import TransactionSkeleton from '@/components/TransactionSkeleton.vue'
 import DialogVant from '@/components/DialogVant.vue'
 import { useFundUserStore } from '@/store/fundStore'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import { getLastPrices, lastPrice } from '@/utils/price'
+import { usePriceWithoutType } from '@/utils/usePrice'
 
 const info = ref<Fund>()
 const items = ref<Transaction[]>([])
@@ -159,8 +164,16 @@ let fundStore = useFundUserStore()
 let walletStore = useWalletStore()
 
 
+const rialEquivalent = computed(() => {
+  const unit = Number(lastPrice.value?.price_last ?? 0)
+  if (!unit) return null
+  const gold = Number(info.value?.wallet?.[0]?.gold ?? 0)
+  return Math.round(gold * unit)
+})
+
 onMounted(() => {
   initInfo()
+  if (!lastPrice.value) getLastPrices()
   // initTable()
 })