fix some bugs

src/pages/balance/index.vue

@@ -27,13 +27,27 @@
         un-checked-children="مشتری"
       />
     </div>
+    <div class="mb-4 px-2" v-if="balance?.metalBalances?.length">
+      <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
+        <div
+          v-for="item in balance.metalBalances"
+          :key="item.metal_id"
+          class="rounded-lg border border-gray-200 bg-white px-3 py-2"
+        >
+          <p class="mb-1 text-xs text-gray-500">{{ metalBalanceTitleWithUnit(item.metal_id, item.label) }}</p>
+          <p class="mb-0 text-base font-bold">
+            {{ formatMetalWeightFromGrams(item.goldBalanceOfLiman ?? 0, item.metal_id) }}
+          </p>
+        </div>
+      </div>
+    </div>
     <div class="px-2 col-span-2 grid grid-cols-4 gap-1">
       <div class="bg-blue rounded text-white py-1 flex justify-center items-center">تراز ها</div>
       <div class="bg-blue rounded text-white py-1 flex justify-center items-center">
         تراز ریالی (ریال)
       </div>
       <div class="bg-blue rounded text-white py-1 flex justify-center items-center">
-        تراز طلایی (گرم)
+        {{ m('تراز طلایی (گرم)') }}
       </div>
       <div class="bg-blue rounded text-white py-1 flex justify-center items-center">
         تراز مظنه (ریال)
@@ -187,6 +201,9 @@ import { balance, getTaraz } from '@core/utils/price'
 import { usePrice } from '@core/utils/usePrice'
 import { onMounted, ref } from 'vue'
 import { getNow, toJalali } from '@core/utils/useDataTime'
+import { m } from '@/utils/metalLabels'
+import { metalBalanceTitleWithUnit } from '@/utils/adminMetalLabels'
+import { formatMetalWeightFromGrams } from '@/utils/metalWeight'
 const startTaraz = ref<string>('')
 const endTaraz = ref<string>('')
 const selectedItem = ref<object>({})