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/components/AppWindow.js

@@ -32,6 +32,7 @@ class AppWindow extends Shadow {
         })
         .height(100, pct)
         .display("flex")
+        .position("relative")
         .onNavigate(() => {
             this.rerender()
         })

src/components/SearchBar.js

@@ -0,0 +1,41 @@
+class SearchBar extends Shadow {
+  render() {
+    HStack(() => {
+      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.75, em)
+        .marginBottom(1, em)
+        .border("1px solid black")
+        .borderRadius(100, px)
+        .fontFamily("Arial")
+        .fontSize(1, em)
+        .outline("none")
+        .cursor("not-allowed")
+
+      p("+")
+        .fontWeight("bolder")
+        .paddingVertical(0.75, em)
+        .boxSizing("border-box")
+        .paddingHorizontal(1, em)
+        .background("#fff1dd")
+        .marginTop(0.75, em)
+        .marginBottom(1, em)
+        .border("1px solid black")
+        .borderRadius(15, px)
+    })
+      .width(100, pct)
+      .horizontalAlign("center")
+      .verticalAlign("center")
+      .gap(0.5, em)
+  }
+}
+
+register(SearchBar)