Styled Jobs and Events like Figma mockups

- Modified some darkmode css values to match those on the figma
- Fixed misnamed calls to var(--darkaccent) from var(--accentdark)
- Commented out trash/delete button on EventCard and JobCard for now
- Hid scrollbar on Events/Jobs
- Fixed mis-centered People list
- Fixed colors in searchbar in events/jobs

src/apps/Jobs/Jobs.js

@@ -8,18 +8,26 @@ import server from "../../_/code/bridge/serverFunctions.js"
 css(`
     jobs- {
         font-family: 'Arial';
+        scrollbar-width: none;
+        -ms-overflow-style: none;
     }
 
     jobs- h1 {
         font-family: 'Bona';
     }
 
-    jobs- p {
-        color: var(--accent);
+    jobs- .VStack::-webkit-scrollbar {
+        display: none;
+        width: 0px;
+        height: 0px;
     }
 
-    jobs- p b {
-        color: var(--darkbrown);
+    jobs- .VStack::-webkit-scrollbar-thumb {
+        background: transparent;
+    }
+
+    jobs- .VStack::-webkit-scrollbar-track {
+        background: transparent;
     }
 `)
 
@@ -35,11 +43,12 @@ class Jobs extends Shadow {
                 img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
 
                 h1("Jobs")
-                    .color("var(--accentdark)")
+                    .color("var(--darkaccent)")
                     .textAlign("center")
                     .fontFamily("Arial")
             })
             .verticalAlign("center")
+            .horizontalAlign("center")
             .gap(0.5, em)
             .marginTop(0.5, em)
 
@@ -53,11 +62,10 @@ class Jobs extends Shadow {
                 } else if (this.jobs.length > 0) {
                     for (let i = 0; i < this.jobs.length; i++) {
                         JobCard(this.jobs[i])
-                            .borderTop(i == 0 ? "1px solid var(--divider)" : "")
                     }
                 } else {
                     h2("No Jobs")
-                        .color("var(--brown)")
+                        .color("var(--text)")
                         .fontWeight("bold")
                         .marginTop(7.5, em)
                         .marginBottom(0.5, em)
@@ -65,10 +73,9 @@ class Jobs extends Shadow {
                 }
             })
             .overflowY("scroll")
+            .gap(0.75, em)
         })
-        .horizontalAlign("center")
         .boxSizing("border-box")
-        .paddingVertical(1, em)
         .height(100, pct)
         .width(100, pct)
     }