Add file drag drop, text-overflow handling, close tab on middle click

src/app/file-viewer/file-viewer.component.ts

@@ -1,6 +1,5 @@
 import {
   ChangeDetectionStrategy,
-  ChangeDetectorRef,
   Component,
   computed,
   effect,
@@ -10,12 +9,7 @@ import {
   viewChild,
 } from '@angular/core';
 import { Skeleton } from 'primeng/skeleton';
-import {
-  Table,
-  TableColumnReorderEvent,
-  TableLazyLoadEvent,
-  TableModule,
-} from 'primeng/table';
+import { Table, TableLazyLoadEvent, TableModule } from 'primeng/table';
 import {
   Aggregate,
   AggregateType,
@@ -109,7 +103,10 @@ import { PaginatorModule, PaginatorState } from 'primeng/paginator';
           <ng-template #body let-rowData let-columns="columns">
             <tr style="height: 46px">
               @for (col of columns; track $index) {
-                <td pReorderableRowHandle class="w-3xs min-w-3xs max-w-3xs">
+                <td
+                  pReorderableRowHandle
+                  class="w-3xs min-w-3xs max-w-3xs text-ellipsis whitespace-nowrap"
+                >
                   {{ rowData[col.name] }}
                 </td>
               }