rebranding to forum, adding settings and stripe page

ui/desktop/components/AppMenu.js

@@ -2,7 +2,8 @@ class AppMenu extends Shadow {
 
     images = {
         "Dashboard": {src: "house-src", size: "1.5em"},
-        "People": {src: "people-src", size: "1.7em"}
+        "People": {src: "people-src", size: "1.7em"},
+        "Settings": {src: "settings-src", size: "1.7em"}
     }
 
     render() {

ui/desktop/components/AppWindow.js

@@ -5,6 +5,7 @@ import "../apps/Messages/Messages.js"
 import "../apps/Market/Market.js"
 import "../apps/Jobs/Jobs.js"
 import "../apps/People/People.js"
+import "../apps/Settings/Settings.js"
 
 class AppWindow extends Shadow {
 
@@ -29,6 +30,9 @@ class AppWindow extends Shadow {
                 case "People":
                     People()
                     break;
+                case "Settings":
+                    Settings()
+                    break;
             }
         })
         .overflow("scroll")

ui/desktop/components/Sidebar.js

@@ -17,7 +17,7 @@ class Sidebar extends Shadow {
         VStack(() => {
             let selected = window.location.pathname.startsWith("/my")
 
-            img(document.documentElement.classList.contains("red") ? "/_/icons/quillblack.svg" : "/_/icons/quill.svg", "2.5em", "2.5em")
+            img(document.documentElement.classList.contains("red") ? "/_/icons/column.svg" : "/_/icons/columnred.svg", "2.5em", "2.5em")
                 .marginTop(6, vh)
                 .marginBottom(2, vh)
                 .attr({selected: selected ? "" : null})