fix: revert number formatting in DataDisplay and restore original value in ChartReceipt

src/pages/15_dash-board/chart/ChartReceipt.vue

@@ -3,8 +3,7 @@ import { Icon } from '@iconify/vue/dist/iconify.js';
 import VueApexCharts from 'vue3-apexcharts';
 import DataDisplay from 'src/components/08_request-list/DataDisplay.vue';
 import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-const { locale } = useI18n({ useScope: 'global' });
+import { formatNumberDecimal } from 'src/stores/utils';
 
 const prop = withDefaults(
   defineProps<{
@@ -22,6 +21,7 @@ const prop = withDefaults(
     categories: () => ['Jan', 'Feb', 'Mar'],
   },
 );
+
 const chartOptions = computed(() => {
   return {
     colors: ['#035aa1', '#ae3ec9', '#ffa94d', '#e64980'],
@@ -91,7 +91,7 @@ const detail = [
         </q-avatar>
         <DataDisplay
           :label="$t(`dashboard.receipt.${v.label}`)"
-          :value="summary[i].toString()"
+          :value="formatNumberDecimal(summary[i], 2)"
         />
       </span>
     </div>