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/apps/Messages/Messages.js

@@ -76,7 +76,7 @@ class Messages extends Shadow {
                 .verticalAlign("end")
             })
             .onAppear(async () => {
-                let res = await Socket.send({app: "MESSAGES", operation: "GET"})
+                let res = await global.Socket.send({app: "MESSAGES", operation: "GET"})
                 if(!res) console.error("failed to get messages")
 
                 if(res.msg.length > 0 && this.conversations.length === 0) {
@@ -93,9 +93,9 @@ class Messages extends Shadow {
                     this.rerender()
                 })
             })
-            .width(100, "%")
-            .height(87, vh)
-            .x(0).y(13, vh)
+            .width(100, pct)
+            .height(87, pct)
+            .x(0).y(13, pct)
 
             VStack(() => {
                 p("Add Message")
@@ -121,15 +121,15 @@ class Messages extends Shadow {
                 
             })
             .gap(1, em)
-            .alignVertical("center")
-            .alignHorizontal("center")
+            .verticalAlign("center")
+            .horizontalAlign("center")
             .backgroundColor("black")
             .border("1px solid var(--accent)")
             .position("fixed")
-            .x(50, vw).y(50, vh)
+            .x(50, vw).y(50, pct)
             .center()
             .width(60, vw)
-            .height(60, vh)
+            .height(60, pct)
             .display("none")
             .attr({id: "addPanel"})
 
@@ -176,12 +176,13 @@ class Messages extends Shadow {
                     })
 
             })
-            .x(55, vw).y(4, vh)
+            .x(55, vw).y(4, pct)
             .position("absolute")
             .transform("translateX(-50%)")
         })
-        .width(100, "%")
-        .height(100, "%")
+        .boxSizing("border-box")
+        .height(100, pct)
+        .width(100, pct)
     }
 }