Fix default columns sizes so table doesn't jump around whilst scrolling, skip .DS_Store files in tree

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

@@ -12,6 +12,8 @@ import { Tree, TreeNodeSelectEvent } from 'primeng/tree';
 
 const collator = new Intl.Collator(undefined, { numeric: true });
 
+const SKIP_FILES = '.DS_Store';
+
 @Component({
   selector: 'app-file-tree',
   imports: [ButtonModule, Tree],
@@ -78,12 +80,15 @@ export class FileTreeComponent {
             }
             currentChildren = matchingChild.children;
           }
+          if (!SKIP_FILES.includes(file.name)) {
             currentChildren?.push({
               key: file.name,
               label: file.name,
               data: file,
             });
+          }
         } else {
+          if (!SKIP_FILES.includes(file.name)) {
             mappedFiles.push({
               label: file.name,
               key: file.webkitRelativePath,
@@ -91,6 +96,7 @@ export class FileTreeComponent {
             });
           }
         }
+      }
       this.recursiveSort(mappedFiles);
       this.files.set(mappedFiles);
       this.isFileSelected.set(true);

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

@@ -2,3 +2,11 @@
   display: block;
   height: 100%;
 }
+
+/* Default column widths */
+th,
+td {
+  width: 200px;
+  max-width: 200px;
+  min-width: 200px;
+}