Fixes for cross-browser parity

src/lib/TitleCard.svelte

@@ -27,7 +27,7 @@
 				{/each}
 			</ul>
 			<span class="build_timestamp_wrapper">
-				<li class="build_timestamp">Last built {buildDate.toLocaleDateString("en-UK", { dateStyle: "long" })}</li>
+				<div class="build_timestamp">Last built {buildDate.toLocaleDateString("en-UK", { dateStyle: "long" })}</div>
 			</span>
 		</div>
 	</div>

src/lib/editor/fileEditor/welcomeScreen/FileTree.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { FileSystem } from "$lib/save/vfs";
     import { waitAnimationFrame } from "$lib/util";
-    import { dirname } from "path-browserify";
+    import path from "path-browserify";
     import { afterUpdate, createEventDispatcher, onMount } from "svelte";
 
     interface FsItem {
@@ -64,9 +64,6 @@
     async function readRawRomfsList(outFiles: FsItem[], startPath: string = "/", indentation = -1): Promise<void> {
         let dir = await romfs.getDirectoryMetadata(startPath)
         
-        if (fileTree == undefined)
-            console.error('unde')
-        
         if (dir.name) {
             outFiles.push({
                 path: dir.path,
@@ -78,6 +75,9 @@
             })
         }
         
+        dir.directories.sort((a, b) => path.basename(a).localeCompare(path.basename(b)))
+        dir.files.sort((a, b) => a.name.localeCompare(b.name))
+        
         for (const child of dir.directories) {
             await readRawRomfsList(outFiles, child, indentation + 1)
         }

src/lib/save/vfs.ts

@@ -15,8 +15,6 @@ export class FileSystem {
 
 	// inspect fs
 	public async getDirectoryMetadata(dir: string): Promise<Directory> {
-		debugger //to test path module
-
 		const { isRoot, directories, files } = await this.db.directory.get(dir)
 		const name = path.basename(dir)