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,17 +80,21 @@ export class FileTreeComponent {
             }
             currentChildren = matchingChild.children;
           }
-          currentChildren?.push({
+          if (!SKIP_FILES.includes(file.name)) {
-            key: file.name,
+            currentChildren?.push({
-            label: file.name,
+              key: file.name,
-            data: file,
+              label: file.name,
-          });
+              data: file,
+            });
+          }
         } else {
-          mappedFiles.push({
+          if (!SKIP_FILES.includes(file.name)) {
-            label: file.name,
+            mappedFiles.push({
-            key: file.webkitRelativePath,
+              label: file.name,
-            data: file,
+              key: file.webkitRelativePath,
-          });
+              data: file,
+            });
+          }
         }
       }
       this.recursiveSort(mappedFiles);

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;
+}