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'

src/app/[lang]/(dashboard)/(private)/layout.tsx

@@ -2,24 +2,23 @@
 import Button from '@mui/material/Button'
 
 // Type Imports
-import type { ChildrenType } from '@core/types'
 import type { Locale } from '@configs/i18n'
+import type { ChildrenType } from '@core/types'
 
 // Layout Imports
+import HorizontalLayout from '@layouts/HorizontalLayout'
 import LayoutWrapper from '@layouts/LayoutWrapper'
 import VerticalLayout from '@layouts/VerticalLayout'
-import HorizontalLayout from '@layouts/HorizontalLayout'
 
 // Component Imports
-import Providers from '@components/Providers'
-import Navigation from '@components/layout/vertical/Navigation'
-import Header from '@components/layout/horizontal/Header'
-import Navbar from '@components/layout/vertical/Navbar'
-import VerticalFooter from '@components/layout/vertical/Footer'
-import HorizontalFooter from '@components/layout/horizontal/Footer'
-import Customizer from '@core/components/customizer'
-import ScrollToTop from '@core/components/scroll-to-top'
 import AuthGuard from '@/hocs/AuthGuard'
+import Providers from '@components/Providers'
+import HorizontalFooter from '@components/layout/horizontal/Footer'
+import Header from '@components/layout/horizontal/Header'
+import VerticalFooter from '@components/layout/vertical/Footer'
+import Navbar from '@components/layout/vertical/Navbar'
+import Navigation from '@components/layout/vertical/Navigation'
+import ScrollToTop from '@core/components/scroll-to-top'
 
 // Config Imports
 import { i18n } from '@configs/i18n'