use icon for navbar expand

web/pw-server/package.json

@@ -35,12 +35,14 @@
     "vite-plugin-wasm-pack": "^0.1.9"
   },
   "dependencies": {
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@sveltejs/adapter-node": "^1.0.0-next.69",
     "@types/luxon": "^2.0.9",
     "ace-builds": "^1.4.14",
     "dayjs": "^1.10.7",
     "planetwars-rs": "file:../planetwars-rs/pkg",
     "pw-visualizer": "file:../pw-visualizer",
+    "svelte-fa": "^3.0.3",
     "svelte-select": "^5.0.0-beta.31"
   },
   "type": "module"

web/pw-server/src/routes/__layout.svelte

@@ -2,10 +2,13 @@
   import { afterNavigate } from "$app/navigation";
 
   import "./style.css";
+  import Fa from 'svelte-fa'
+  import { faBars } from '@fortawesome/free-solid-svg-icons'
 
   import { get_session_token, clear_session_token } from "$lib/auth";
   import { currentUser } from "$lib/stores/current_user";
   
+
   import { onMount } from "svelte";
 
   // TODO: ideally we'd not store this in the user session,
@@ -60,7 +63,7 @@
       <img alt="logo" src="/ship.svg" height="32px'" />
       PlanetWars
     </a>
-    <div class="navbar-expand" on:click={toggleExpanded}>expand</div>
+    <div class="navbar-expand" on:click={toggleExpanded}><Fa icon={faBars} /></div>
     <div class="navbar-items">
       <div class="navbar-item">
         <a href="/editor">Editor</a>
@@ -184,6 +187,7 @@
     display: none;
     font-size: 16px;
     height: $navbarHeight;
+    cursor: pointer;
   }
   @media screen and (max-width: 600px) {
     .navbar-items {