Connected DB to events/jobs + more

- Modified handlers.js to be the same as on frm.so
- Added --trash-src to shared.css
- Modified Event and Job cards to include a trash icon for deleting
- Deleting works, it just does not smoothly re-render yet
- Adjusted visual bug on Events/Jobs where the contents of the AppWindow would overflow vertically. They now scroll and the title/search bar remain fixed.
- Refactored part of People.js into PeopleCard.js

src/apps/People/People.js

@@ -1,3 +1,5 @@
+import "./PeopleCard.js"
+
 css(`
     people- {
         font-family: 'Arial';
@@ -41,30 +43,7 @@ class People extends Shadow {
                 LoadingCircle()
             } else if (this.people.length > 0) {
                 for (let i = 0; i < this.people.length; i++) {
-                    HStack(() => {
-                        HStack(() => { })
-                            .boxSizing("border-box")
-                            .height(3.5, em)
-                            .width(3.5, em)
-                            .padding(0.5, em)
-                            .border("1px solid var(--accent)")
-                            .borderRadius(100, pct)
-                            .background("black")
-
-                        VStack(() => {
-                            h3(this.people[i].first_name + " " + this.people[i].last_name)
-                                .color("var(--brown)")
-                                .fontSize(1.2, em)
-                                .fontWeight("bold")
-                                .marginVertical(0, em)
-                            p("<b>Member since: </b>" + " " + this.convertDate(this.people[i].created))
-                        })
-                        .verticalAlign("center")
-                        .gap(0.5, em)
-                    })
-                    .height(3.5, em)
-                    .padding(0.75, em)
-                    .gap(1, em)
+                    PeopleCard(this.people[i])
                 }
             } else {
                 h2("No Members")