chore: add Tailwind CSS configuration file. ux writing update

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

@@ -20,6 +20,9 @@
 
     <ng-template #header let-columns>
       <tr>
+        @if (showIndex) {
+          <th [style]="{ width: '3rem', minWidth: '3rem' }"></th>
+        }
         @for (col of columns; track col.header) {
           <th
             [style]="
@@ -40,11 +43,14 @@
 
     <ng-template #body let-item let-i="rowIndex" let-expanded="expanded">
       <tr>
+        <td>
+          @if (showIndex) {
+            {{ i * (currentPage || 1) + 1 }}
+          }
+        </td>
         @for (col of columns; track col.field) {
           <td>
-            @if (col.type === "index") {
-              {{ i * (currentPage || 1) + 1 }}
-            } @else if (col.type === "thumbnail") {
+            @if (col.type === "thumbnail") {
               <div
                 class="w-20 h-20 rounded-2xl overflow-hidden bg-surface-50 cursor-pointer"
                 (click)="openThumbnailModal(item)"

src/app/shared/components/pageDataList/page-data-list-table-view.component.ts

@@ -97,6 +97,7 @@ export class AppPageDataListTableView<I = any> {
   @Input() expandColumns?: Maybe<IColumn[]> = null;
   @Input() dataKey?: string = 'items';
   @Input() showPaginator?: boolean;
+  @Input() showIndex?: boolean = true;
 
   @ContentChild('filter', { static: true }) filter!: TemplateRef<any> | null;
   @ContentChild('paginator', { static: true }) paginator!: TemplateRef<any> | null;