SearchBar component + Jobs changes + Events changes

- Added SearchBar.js to components (repeated in Jobs and Events)
- Set .position("relative") on AppWindow for LoadingCircles and future fixed/absolute elements
- Refactored Events.js and Jobs.js
- Added unfinished JobForm.js for editing/adding Jobs, preliminary designs/setup

src/apps/Events/Events.js

@@ -1,5 +1,6 @@
 import "../../components/LoadingCircle.js"
 import "./EventCard.js"
+import "../../components/SearchBar.js"
 
 css(`
     events- {
@@ -39,31 +40,14 @@ class Events extends Shadow {
             h1("Events")
                 .color("var(--quillred)")
                 .textAlign("center")
-                .marginBottom(0)
+                .marginBottom(0.25, em)
             h3(global.currentNetwork.name)
                 .color("var(--quillred)")
                 .textAlign("center")
                 .margin(0)
                 .fontFamily("Bona")
 
-            input("Search (coming soon!)", "80%")
-                .attr({
-                    "type": "text",
-                    "disabled": "true"
-                })
-                .paddingVertical(0.75, em)
-                .boxSizing("border-box")
-                .paddingHorizontal(1, em)
-                .color("var(--accent)")
-                .background("#fff1dd")
-                .marginTop(0.25, em)
-                .marginBottom(0.5, em)
-                .border("1px solid black")
-                .borderRadius(100, px)
-                .fontFamily("Arial")
-                .fontSize(1, em)
-                .outline("none")
-                .cursor("not-allowed")
+            SearchBar()
 
             if (this.events == "") {
                 LoadingCircle()
@@ -81,11 +65,8 @@ class Events extends Shadow {
                     .textAlign("center")
             }
         })
-        .position("relative")
         .boxSizing("border-box")
         .paddingVertical(1, em)
-        .horizontalAlign("center")
-        .gap(0.5, em)
         .height(100, pct)
         .width(100, pct)
     }