feat: implement sales invoices module with comprehensive functionality

- Introduced a new Sales Invoices module, including routes for creating, editing, and viewing sales invoices.
- Added components for invoice forms, detail views, and index pages, enhancing user experience and data management.
- Integrated language support for English and Indonesian in the sales invoices module.
- Developed remote data services and transformers for handling sales invoice data, ensuring robust data operations.
- Implemented unit tests to validate functionality and reliability across the new module.

These changes enhance the application by providing a structured approach to sales invoice management, improving user experience and data handling.

packages/ui/src/components/status-badge/status-badge.tsx

@@ -57,6 +57,7 @@ export enum STATUS_DATA {
 
   TODO = 'todo',
   DONE = 'done',
+  PARTIAL = 'partial',
   PARTIAL_DONE = 'partial-done',
 
   ON_HOLD = 'on-hold',
@@ -150,6 +151,7 @@ export enum STATUS_COLOR {
   WAIT = '#AB6103',
   WAITING = '#B87104',
   WAITING_LIST = '#C68106',
+  PARTIAL = '#D39308',
   PARTIAL_DONE = '#D39308',
   ON_HOLD = '#E0A50B',
   REFUND = '#EDB70D',
@@ -208,6 +210,7 @@ export const DEFAULT_STATUS_MAP: Record<string, BadgeProps> = {
   [STATUS_DATA.ACTIVATED]: { color: STATUS_COLOR.ACTIVATED, leftSection: getIcon(CheckCircle2) },
   [STATUS_DATA.APPROVED]: { color: STATUS_COLOR.APPROVED, leftSection: getIcon(CheckCircle2) },
   [STATUS_DATA.PROCESSED]: { color: STATUS_COLOR.PROCESSED, leftSection: getIcon(Check) },
+  [STATUS_DATA.PARTIAL]: { color: STATUS_COLOR.PARTIAL, leftSection: getIcon(Clock) },
   [STATUS_DATA.COMPLETED]: { color: STATUS_COLOR.COMPLETED, leftSection: getIcon(CheckCircle2) },
   [STATUS_DATA.COMPLETE]: { color: STATUS_COLOR.COMPLETE, leftSection: getIcon(CheckCircle2) },
   [STATUS_DATA.DONE]: { color: STATUS_COLOR.DONE, leftSection: getIcon(CheckCircle2) },