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/People/PeopleCard.js

@@ -17,17 +17,20 @@ class PeopleCard extends Shadow {
 
             VStack(() => {
                 h3(this.person.first_name + " " + this.person.last_name)
-                    .color("var(--brown)")
+                    .color("var(--text)")
                     .fontSize(1.2, em)
                     .fontWeight("bold")
                     .marginVertical(0, em)
-                p("<b>Member since: </b>" + " " + this.convertDate(this.person.created))
+                p("Member since " + this.convertDate(this.person.created))
             })
             .verticalAlign("center")
+            .horizontalAlign("left")
             .gap(0.5, em)
         })
-        .height(3.5, em)
+        .width(100, pct)
+        .boxSizing("border-box")
         .padding(0.75, em)
+        .paddingHorizontal(1.75, em)
         .gap(1, em)
     }