better styling

src/apps/People/People.js

@@ -1,3 +1,4 @@
+import "../../components/TopBar.js"
 import "./PeopleCard.js"
 
 css(`
@@ -24,18 +25,7 @@ class People extends Shadow {
 
     render() {
         VStack(() => {
-            HStack(() => {
-                img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
-
-                h1("People")
-                    .color("var(--darkaccent)")
-                    .textAlign("center")
-                    .fontFamily("Arial")
-            })
-            .verticalAlign("center")
-            .horizontalAlign("center")
-            .gap(0.5, em)
-            .marginTop(0.5, em)
+            TopBar()
 
             VStack(() => {
                 if (this.people == "") {
@@ -56,6 +46,7 @@ class People extends Shadow {
                         .color("var(--darkbrown)")
                 }
             })
+            .gap(0.8, em)
         })
         .position("relative")
         .boxSizing("border-box")