fix invoice informations

apps/dashboard/app/(authenticated)/sales/invoice/[id]/page.tsx

@@ -1,5 +1,8 @@
 import { getServerApi } from '@garage/api/server'
 import { InvoiceGeneralInfo } from '@/modules/invoices/invoice-general-info'
+import { InvoicePartsSection } from '@/modules/invoices/invoice-parts-section'
+import { InvoiceServicesSection } from '@/modules/invoices/invoice-services-section'
+import { InvoiceExpensesSection } from '@/modules/invoices/invoice-expenses-section'
 import DashboardPage from '@/base/components/layout/dashboard/dashboard-page'
 
 export default async function InvoiceDetailPage(props: { params: Promise<{ id: string }> }) {
@@ -14,7 +17,12 @@ export default async function InvoiceDetailPage(props: { params: Promise<{ id: s
 
     return (
         <DashboardPage header={null}>
-            <InvoiceGeneralInfo invoice={data} />
+            <div className="grid gap-6">
+                <InvoiceGeneralInfo invoice={data} />
+                <InvoicePartsSection parts={data.invoice_parts} />
+                <InvoiceServicesSection services={data.invoice_services} />
+                <InvoiceExpensesSection expenses={data.invoice_expenses} />
+            </div>
         </DashboardPage>
     )
 }