fix: product and inventory

src/app/[lang]/(dashboard)/(private)/dashboards/overview/page.tsx

@@ -14,12 +14,12 @@ const DashboardOverview = () => {
 
   if (isLoading) return <Loading />
 
-  const MetricCard = ({ iconClass, title, value, subtitle, bgColor = 'bg-blue-500' }: any) => (
+  const MetricCard = ({ iconClass, title, value, subtitle, bgColor = 'bg-blue-500', isCurrency = false }: any) => (
     <div className='bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 p-6'>
       <div className='flex items-center justify-between'>
         <div className='flex-1'>
           <h3 className='text-sm font-medium text-gray-600 mb-2'>{title}</h3>
-          <p className='text-2xl font-bold text-gray-900 mb-1'>{value}</p>
+          <p className='text-2xl font-bold text-gray-900 mb-1'>{isCurrency ? 'Rp ' + value : value}</p>
           {subtitle && <p className='text-sm text-gray-500'>{subtitle}</p>}
         </div>
         <div className={`px-4 py-3 rounded-full ${bgColor} bg-opacity-10`}>
@@ -52,12 +52,6 @@ const DashboardOverview = () => {
 
           {/* Overview Metrics */}
           <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8'>
-            <MetricCard
-              iconClass='tabler-cash'
-              title='Total Sales'
-              value={formatShortCurrency(salesData.overview.total_sales)}
-              bgColor='bg-green-500'
-            />
             <MetricCard
               iconClass='tabler-shopping-cart'
               title='Total Orders'
@@ -65,11 +59,19 @@ const DashboardOverview = () => {
               subtitle={`${salesData.overview.voided_orders} voided, ${salesData.overview.refunded_orders} refunded`}
               bgColor='bg-blue-500'
             />
+            <MetricCard
+              iconClass='tabler-cash'
+              title='Total Sales'
+              value={formatShortCurrency(salesData.overview.total_sales)}
+              bgColor='bg-green-500'
+              isCurrency={true}
+            />
             <MetricCard
               iconClass='tabler-trending-up'
               title='Average Order Value'
               value={formatShortCurrency(salesData.overview.average_order_value)}
               bgColor='bg-purple-500'
+              isCurrency={true}
             />
             <MetricCard
               iconClass='tabler-users'