feat: ingredient product

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

@@ -23,6 +23,7 @@ const DashboardOrder = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Items'
+          isCurrency={false}
           value={data?.summary.total_items as number}
           avatarIcon={'tabler-package'}
           avatarColor='primary'
@@ -33,6 +34,7 @@ const DashboardOrder = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Orders'
+          isCurrency={false}
           value={data?.summary.total_orders as number}
           avatarIcon={'tabler-shopping-cart'}
           avatarColor='info'
@@ -43,6 +45,7 @@ const DashboardOrder = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Average Orders'
+          isCurrency={true}
           value={data?.summary.average_order_value as number}
           avatarIcon={'tabler-trending-up'}
           avatarColor='warning'
@@ -53,6 +56,7 @@ const DashboardOrder = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Sales'
+          isCurrency={true}
           value={data?.summary.total_sales as number}
           avatarIcon={'tabler-currency-dollar'}
           avatarColor='success'

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

@@ -22,7 +22,7 @@ const DashboardOverview = () => {
           <p className='text-2xl font-bold text-gray-900 mb-1'>{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>
@@ -79,24 +79,6 @@ const DashboardOverview = () => {
             />
           </div>
 
-          {/* Additional Metrics */}
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-6 mb-8'>
-            <div className='bg-white rounded-lg shadow-md p-6'>
-              <div className='flex items-center mb-4'>
-                <i className='tabler-x text-[24px] text-red-500 mr-2'></i>
-                <h3 className='text-lg font-semibold text-gray-900'>Voided Orders</h3>
-              </div>
-              <p className='text-3xl font-bold text-red-600'>{salesData.overview.voided_orders}</p>
-            </div>
-            <div className='bg-white rounded-lg shadow-md p-6'>
-              <div className='flex items-center mb-4'>
-                <i className='tabler-refresh text-[24px] text-yellow-500 mr-2'></i>
-                <h3 className='text-lg font-semibold text-gray-900'>Refunded Orders</h3>
-              </div>
-              <p className='text-3xl font-bold text-yellow-600'>{salesData.overview.refunded_orders}</p>
-            </div>
-          </div>
-
           <div className='grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8'>
             {/* Top Products */}
             <ProductSales title='Top Products' productData={salesData.top_products} />

src/app/[lang]/(dashboard)/(private)/dashboards/payment-methods/page.tsx

@@ -23,6 +23,7 @@ const DashboardPayment = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Orders'
+          isCurrency={false}
           value={data?.summary.total_orders as number}
           avatarIcon={'tabler-shopping-cart'}
           avatarColor='primary'
@@ -33,6 +34,7 @@ const DashboardPayment = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Payment'
+          isCurrency={false}
           value={data?.summary.total_payments as number}
           avatarIcon={'tabler-package'}
           avatarColor='info'
@@ -43,6 +45,7 @@ const DashboardPayment = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Average Orders'
+          isCurrency={true}
           value={data?.summary.average_order_value as number}
           avatarIcon={'tabler-trending-up'}
           avatarColor='warning'
@@ -53,6 +56,7 @@ const DashboardPayment = () => {
         <DistributedBarChartOrder
           isLoading={isLoading}
           title='Total Amount'
+          isCurrency={true}
           value={data?.summary.total_amount as number}
           avatarIcon={'tabler-currency-dollar'}
           avatarColor='success'