feat(FE): slicing ui dashboard, API integration with dummy data and form validation

src/components/pages/dashboard/chart/DashboardStats.tsx

@@ -1,5 +1,6 @@
 import Alert from '@/components/Alert';
 import Card from '@/components/Card';
+import { formatNumber } from '@/lib/helper';
 import { DashboardStatisticsData } from '@/types/api/dashboard/dashboard';
 import { Icon } from '@iconify/react';
 
@@ -7,7 +8,7 @@ interface DashboardStatsProps {
   data: DashboardStatisticsData[];
 }
 
-// Configuration for each card's static properties
+// Konfigurasi untuk setiap kartu
 const CARD_CONFIG = [
   {
     key: 'HPP Global',
@@ -57,7 +58,7 @@ const DashboardStats = ({ data }: DashboardStatsProps) => {
     return (
       <>
         {prefix}
-        {value.toLocaleString('id-ID')}
+        {formatNumber(value)}
         {suffix && (
           <span className='text-sm font-normal text-neutral-500'>{suffix}</span>
         )}