fix: product and inventory

src/app/[lang]/(dashboard)/(private)/dashboards/profit-loss/page.tsx

@@ -39,7 +39,7 @@ const DashboardProfitloss = () => {
   function formatMetricName(metric: string): string {
     const nameMap: { [key: string]: string } = {
       revenue: 'Revenue',
-      net_profit: 'Net Profit',
+      net_profit: 'Net Profit'
     }
 
     return nameMap[metric] || metric.replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase())
@@ -61,15 +61,25 @@ const DashboardProfitloss = () => {
     ]
   }
 
-  const MetricCard = ({ iconClass, title, value, subtitle, bgColor = 'bg-blue-500', isNegative = false }: any) => (
+  const MetricCard = ({
+    iconClass,
+    title,
+    value,
+    subtitle,
+    bgColor = 'bg-blue-500',
+    isNegative = false,
+    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 mb-1 ${isNegative ? 'text-red-600' : 'text-gray-900'}`}>{value}</p>
+          <p className={`text-2xl font-bold mb-1 ${isNegative ? 'text-red-600' : 'text-gray-900'}`}>
+            {isCurrency ? 'Rp ' + value : value}
+          </p>
           {subtitle && <p className='text-sm text-gray-500'>{subtitle}</p>}
         </div>
-        <div className={`p-3 rounded-full ${bgColor} bg-opacity-10`}>
+        <div className={`px-4 py-3 rounded-full ${bgColor} bg-opacity-10`}>
           <i className={`${iconClass} text-[32px] ${bgColor.replace('bg-', 'text-')}`}></i>
         </div>
       </div>
@@ -95,12 +105,14 @@ const DashboardProfitloss = () => {
               title='Total Revenue'
               value={formatShortCurrency(profitData.summary.total_revenue)}
               bgColor='bg-green-500'
+              isCurrency={true}
             />
             <MetricCard
               iconClass='tabler-receipt'
               title='Total Cost'
               value={formatShortCurrency(profitData.summary.total_cost)}
               bgColor='bg-red-500'
+              isCurrency={true}
             />
             <MetricCard
               iconClass='tabler-trending-up'
@@ -109,6 +121,7 @@ const DashboardProfitloss = () => {
               subtitle={`Margin: ${formatPercentage(profitData.summary.gross_profit_margin)}`}
               bgColor='bg-blue-500'
               isNegative={profitData.summary.gross_profit < 0}
+              isCurrency={true}
             />
             <MetricCard
               iconClass='tabler-percentage'
@@ -127,7 +140,7 @@ const DashboardProfitloss = () => {
                 <h3 className='text-lg font-semibold text-gray-900'>Net Profit</h3>
               </div>
               <p className='text-3xl font-bold text-green-600 mb-2'>
-                {formatShortCurrency(profitData.summary.net_profit)}
+                Rp {formatShortCurrency(profitData.summary.net_profit)}
               </p>
               <p className='text-sm text-gray-600'>Margin: {formatPercentage(profitData.summary.net_profit_margin)}</p>
             </div>
@@ -144,7 +157,7 @@ const DashboardProfitloss = () => {
                 <h3 className='text-lg font-semibold text-gray-900'>Tax & Discount</h3>
               </div>
               <p className='text-xl font-bold text-orange-600 mb-1'>
-                {formatShortCurrency(profitData.summary.total_tax + profitData.summary.total_discount)}
+                Rp {formatShortCurrency(profitData.summary.total_tax + profitData.summary.total_discount)}
               </p>
               <p className='text-sm text-gray-600'>
                 Tax: {formatShortCurrency(profitData.summary.total_tax)} | Discount:{' '}