Set up bridge folder + changes to Events/Jobs

- Copied bridge folder from frm.so
- All handlers in handlers.js added from frm.so
- Modified Events and Jobs pages' default events/jobs to model data structure from SQL/server
- Set up getJobs(), checkForUpdates() on both Events/Jobs to fetch new items and update when needed

src/apps/Events/Events.js

@@ -1,5 +1,6 @@
 import "../../components/LoadingCircle.js"
 import "./EventCard.js"
+import server from "../../_/code/bridge/serverFunctions.js"
 import "../../components/SearchBar.js"
 
 css(`
@@ -23,10 +24,15 @@ css(`
 class Events extends Shadow {
     events = [
         {
+            id: 1,
+            network_id: 2,
+            creator_id: 1,
             title: "Austin Chapter Lead",
             description: "This is the descriptio lets try a longer one agaiin just to see what it would look like? mayeb even longer bc that was pretty short now that i see it. maybe 2 sentences if possible or more.",
             location: "1234 location",
-            time: "2026-01-13 13:41:41.0722"
+            time_start: "2026-01-13 13:41:41.0722",
+            created: "2026-01-13 12:00:00.0000",
+            updated_at: "2026-01-13 13:41:41.0722"
         }
     ]
 
@@ -49,7 +55,7 @@ class Events extends Shadow {
 
             SearchBar()
 
-            if (this.events == "") {
+            if (this.events == "" || this.events == []) {
                 LoadingCircle()
             } else if (this.events.length > 0) {
                 for (let i = 0; i < this.events.length; i++) {
@@ -71,6 +77,37 @@ class Events extends Shadow {
         .width(100, pct)
     }
 
+    async getEvents(networkId) {
+        const fetchedEvents = await server.getEvents(networkId)
+        if (this.checkForUpdates(this.events, fetchedEvents)) {
+            this.events = fetchedEvents
+            this.rerender()
+        }
+    }
+
+    connectedCallback() {
+        this.getEvents(global.currentNetwork.id)
+    }
+
+    checkForUpdates(currentEvents, fetchedEvents) {
+        if (currentEvents.length !== fetchedEvents.length) return true;
+
+        const currentMap = new Map(currentEvents.map(event => [event.id, event]));
+
+        for (const fetchedEvent of fetchedEvents) {
+            const currentEvent = currentMap.get(fetchedEvent.id);
+
+            // new event added
+            if (!currentEvent) return true;
+
+            // existing event changed
+            if (currentEvent.updated_at !== fetchedEvent.updated_at) {
+                return true;
+            }
+        }
+        return false;
+    }
+
     convertDate(rawDate) {
         const parsed = new Date(rawDate);