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/domains/pos/layouts/mainMenuSidebar/main-menu-sidebar.component.html

@@ -19,6 +19,8 @@
           <li>
             <a
               pRipple
+              routerLink="/pos/sale_invoices"
+              (click)="drawerRef.close($event)"
               class="flex items-center cursor-pointer p-4 rounded-border text-surface-700 dark:text-surface-100 hover:bg-surface-100 dark:hover:bg-surface-700 duration-150 transition-colors p-ripple"
             >
               <i class="pi pi-home me-2"></i>
@@ -28,6 +30,8 @@
           <li>
             <a
               pRipple
+              routerLink="/pos"
+              (click)="drawerRef.close($event)"
               class="flex items-center cursor-pointer p-4 rounded-border text-surface-700 dark:text-surface-100 hover:bg-surface-100 dark:hover:bg-surface-700 duration-150 transition-colors p-ripple"
             >
               <i class="pi pi-home me-2"></i>
@@ -37,6 +41,8 @@
           <li>
             <a
               pRipple
+              routerLink="/pos/about"
+              (click)="drawerRef.close($event)"
               class="flex items-center cursor-pointer p-4 rounded-border text-surface-700 dark:text-surface-100 hover:bg-surface-100 dark:hover:bg-surface-700 duration-150 transition-colors p-ripple"
             >
               <i class="pi pi-home me-2"></i>
@@ -46,6 +52,8 @@
           <li>
             <a
               pRipple
+              routerLink="/pos/support"
+              (click)="drawerRef.close($event)"
               class="flex items-center cursor-pointer p-4 rounded-border text-surface-700 dark:text-surface-100 hover:bg-surface-100 dark:hover:bg-surface-700 duration-150 transition-colors p-ripple"
             >
               <i class="pi pi-home me-2"></i>

src/app/domains/pos/layouts/mainMenuSidebar/main-menu-sidebar.component.ts

@@ -1,5 +1,6 @@
 import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
 import { Component, computed, inject } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import { SwUpdate, VersionReadyEvent } from '@angular/service-worker';
 import { Button } from 'primeng/button';
 import { Drawer } from 'primeng/drawer';
@@ -10,7 +11,7 @@ import { PosInfoStore } from '../../store';
 @Component({
   selector: 'pos-main-menu-sidebar',
   templateUrl: './main-menu-sidebar.component.html',
-  imports: [Drawer, Button, Ripple],
+  imports: [Drawer, Button, Ripple, RouterLink],
 })
 export class PosMainMenuSidebarComponent extends AbstractDialog {
   private readonly posInfoStore = inject(PosInfoStore);