People app and navigation + fixes

Index.js
- Fixed issue where incorrect pathname was set while not part of an organization.
- onNavigate(), fetchAppData(), getDefaultNetworkName(), and getDefaultAppName() all modified to account for user not being part of an organization (default path set to /my/dashboard)
- onNavigate() modified to properly set defaults for currentNetwork and currentApp, and modified to fix issue where app would crash when attempting to access nonexistent 'this.currentNetwork.data'
- onNavigate() now correctly switches currentApp

Home.js
- Changed ZStack to a VStack
- Replaced Jobs switch case with People
- Adjusted styling for AppMenu() and VStack height values
- Changed .onNavigate() from function() to () => {} for correct this binding
- !!!(TEMP FIX)!!!: Added extra rerender() call in an .onClick() after .onNavigate()

AppMenu()
- Modified app icons to be highlighted when active
- Changed Forum's app icon to redirect from "/" to "/dashboard"
- Removed fixed styling to account for Home's new responsive VStack layout

People.js
- Added People.js

Messages.js
- Fixed missing 'global." before Socket.send
- Changed 'vh' height values to 'pct' to account for AppMenu() at bottom
- Fixed misnamed modifiers

Forum.js
- Adjusted styling
- Changed 'vh' height values to 'pct' to account for AppMenu() at bottom

styles.css
- Added missing custom color vars

src/components/AppMenu.js

@@ -14,49 +14,48 @@ class AppMenu extends Shadow {
                 .attr({app: "forum"})
                 .padding(0.5, em)
                 .borderRadius(10, px)
+                .background(global.currentApp === "Dashboard" ? "var(--accent)" : "transparent")
                 .onClick((finished, e) => {
                     if(finished) {
                         this.onNewSelection()
                     }
                     e.target.style.background = "var(--accent)"
-                    console.log(e.target, e.target.style.background)
                     if(finished) {
-                        window.navigateTo("/")
+                        window.navigateTo("/dashboard")
                     }
                 })
+
             img("/_/icons/letter.svg", "1.5em", "1.5em")
                 .attr({app: "messages"})
                 .padding(0.5, em)
                 .borderRadius(10, px)
+                .background(global.currentApp === "Messages" ? "rgb(112 150 114)" : "transparent")
                 .onClick((finished, e) => {
                     if(finished) {
                         this.onNewSelection()
                     }
-                    e.target.style.background = "rgb(112 150 114)"
                     if(finished) {
                         window.navigateTo("/messages")
                     }
                 })
             img("/_/icons/jobs.svg", "1.5em", "1.5em") 
-                .attr({app: "jobs"})
+                .attr({app: "people"})
                 .padding(0.5, em)
                 .borderRadius(10, px)
+                .background(global.currentApp === "People" ? "#9392bb" : "transparent")
                 .onClick((finished, e) => {
                     if(finished) {
                         this.onNewSelection()
                     }
-                    e.target.style.background = "#9392bb"
                     if(finished) {
-                        window.navigateTo("/jobs")
+                        window.navigateTo(`/people`)
                     }
                 })
         })
         .borderTop("1px solid black")
         .height("auto")
-        .position('fixed')
         .background("var(--main)")
         .zIndex(1)
-        .x(0).yBottom(0)
         .justifyContent("space-between")
         .paddingHorizontal(4, em)
         .paddingVertical(1, em)