going to wait for #66 to be thought out before i begin

package-lock.json

@@ -9,6 +9,7 @@
       "version": "2.0.0-dev",
       "license": "Unlicense",
       "dependencies": {
+        "@fluentui/svg-icons": "^1.1.237",
         "@hono/node-server": "^1.8.2",
         "@types/body-parser": "^1.19.2",
         "@types/express": "^4.17.14",
@@ -75,6 +76,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/@fluentui/svg-icons": {
+      "version": "1.1.237",
+      "resolved": "https://registry.npmjs.org/@fluentui/svg-icons/-/svg-icons-1.1.237.tgz",
+      "integrity": "sha512-YMz78oO/v4Jzs/VAv9nYldPwXD89L+hmrQjgIYK8IrxnDL9g5PU4IMSTVjWZ2Ylo0fQANXY5la5Y71BUyWUEeQ=="
+    },
     "node_modules/@hono/node-server": {
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.8.2.tgz",

package.json

@@ -18,6 +18,7 @@
     "node": ">=v21"
   },
   "dependencies": {
+    "@fluentui/svg-icons": "^1.1.237",
     "@hono/node-server": "^1.8.2",
     "@types/body-parser": "^1.19.2",
     "@types/express": "^4.17.14",

src/style/palette.scss

@@ -0,0 +1 @@
+:root {}

src/svelte/App.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
 </script>
 
-<div id="appContent"></div>
+<div id="appContent">
+    
+</div>