feat: add sale invoice card component with functionality for sending and retrieving invoice status

- Implemented sale invoice card component with HTML and TypeScript files.
- Added API routes for sale invoices including sending, retrying, and checking status.
- Created models for sale invoice fiscal actions and filters.
- Developed service for handling sale invoice operations.
- Introduced store for managing sale invoice state.
- Created views for listing and displaying single sale invoices.
- Added support for managing stock keeping units with forms and services.
- Implemented reusable select components for measure units and SKUs.
- Enhanced shared components for input fields including fiscal ID, SKU type, and VAT.

src/app/shared/components/key-value.component/key-value.component.html

@@ -1,7 +1,14 @@
 <div class="inline-flex flex-col gap-1 w-full">
   <div class="inline-flex gap-2 items-center w-full">
     <span class="text-muted-color text-base font-normal flex-auto grow-0">{{ label }}:</span>
-    <div class="shrink-0 grow">
+    <div
+      class="shrink-0 grow"
+      [ngClass]="{
+        'text-right': alignment === 'start',
+        'text-center': alignment === 'center',
+        'text-left': alignment === 'end',
+      }"
+    >
       <ng-content>
         @if (valueType() === "badge") {
           <p-badge [value]="valueToShow()?.toString()" [severity]="value ? 'success' : 'danger'" />

src/app/shared/components/key-value.component/key-value.component.ts

@@ -17,6 +17,7 @@ export class KeyValueComponent {
   @Input() label!: string;
   @Input() value?: string | boolean | number;
   @Input() hint?: string;
+  @Input() alignment?: 'start' | 'center' | 'end' = 'start';
   @Input() type:
     | 'price'
     | 'active'