feat: implement product creation and update features with form handling and routing

src/app/shared/components/pageDataList/page-data-list.component.html

@@ -8,7 +8,7 @@
       columnResizeMode="fit"
       stripedRows
       [showFirstLastIcon]="false"
-      class="grow !flex flex-col overflow-hidden"
+      class="grow flex! flex-col overflow-hidden"
       [tableStyleClass]="!items.length && !loading ? 'h-full' : ''"
     >
       @if (pageTitle || showAdd || filter || caption) {
@@ -102,7 +102,7 @@
       </ng-template> -->
 
       <ng-template #loadingbody let-columns>
-        @for (i of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]; track i) {
+        @for (i of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; track i) {
           <tr style="height: 46px">
             @for (col of columns; track col) {
               <td>