better styling

src/apps/Announcements/Announcements.js

@@ -1,37 +1,16 @@
+import "../../components/TopBar.js"
+
 class Announcements extends Shadow {
     render() {
         VStack(() => {
-
-            HStack(() => {
-                img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
-                    .onTouch(function (start) {
-                        if(start) {
-                            this.style.scale = "0.8"
-                        } else if(start === false) {
-                            this.style.scale = ""
-                            $("sidebar-").toggle()
-                        }
-                    })
-
-                p("Announcements")
-                    .color("var(--darkaccent)")
-                    .textAlign("center")
-                    .fontFamily("Arial")
-                    .fontSize("3xl")
-                    .fontWeight("bold")
-            })
-            .verticalAlign("center")
-            .gap(0.5, em)
-            .marginTop(2, em)
+            TopBar()
         })
-        .paddingVertical(1, em)
         .boxSizing("border-box")
         .backgroundColor("var(--main)")
         .gap(0.5, em)
         .boxSizing("border-box")
         .width(100, pct)
         .height(100, pct)
-        .horizontalAlign("center")
         .minHeight(0)
     }