Add prettier formatting (#214)

* chore: add prettier

* chore: format codebase

src/Pages/SearchPage.tsx

@@ -7,49 +7,62 @@ import { SearchRelays } from "Const";
 import { System } from "Nostr/System";
 
 const SearchPage = () => {
-    const params: any = useParams();
-    const [search, setSearch] = useState<string>();
-    const [keyword, setKeyword] = useState<string | undefined>(params.keyword);
+  const params: any = useParams();
+  const [search, setSearch] = useState<string>();
+  const [keyword, setKeyword] = useState<string | undefined>(params.keyword);
 
-    useEffect(() => {
-        if (keyword) {
-            // "navigate" changing only url
-            router.navigate(`/search/${encodeURIComponent(keyword)}`)
-        }
-    }, [keyword]);
+  useEffect(() => {
+    if (keyword) {
+      // "navigate" changing only url
+      router.navigate(`/search/${encodeURIComponent(keyword)}`);
+    }
+  }, [keyword]);
 
-    useEffect(() => {
-        return debounce(500, () => setKeyword(search));
-    }, [search]);
+  useEffect(() => {
+    return debounce(500, () => setKeyword(search));
+  }, [search]);
 
-    useEffect(() => {
-        let addedRelays: string[] = [];
-        for (let [k, v] of SearchRelays) {
-            if (!System.Sockets.has(k)) {
-                System.ConnectToRelay(k, v);
-                addedRelays.push(k);
-            }
-        }
-        return () => {
-            for (let r of addedRelays) {
-                System.DisconnectRelay(r);
-            }
-        }
-    }, []);
+  useEffect(() => {
+    let addedRelays: string[] = [];
+    for (let [k, v] of SearchRelays) {
+      if (!System.Sockets.has(k)) {
+        System.ConnectToRelay(k, v);
+        addedRelays.push(k);
+      }
+    }
+    return () => {
+      for (let r of addedRelays) {
+        System.DisconnectRelay(r);
+      }
+    };
+  }, []);
 
-    return (
-        <div className="main-content">
-            <h2>Search</h2>
-            <div className="flex mb10">
-                <input type="text" className="f-grow mr10" placeholder="Search.." value={search} onChange={e => setSearch(e.target.value)} />
-            </div>
-            {keyword && <Timeline
-                key={keyword}
-                subject={{ type: "keyword", items: [keyword], discriminator: keyword }}
-                postsOnly={false}
-                method={"TIME_RANGE"} />}
-        </div>
-    )
-}
+  return (
+    <div className="main-content">
+      <h2>Search</h2>
+      <div className="flex mb10">
+        <input
+          type="text"
+          className="f-grow mr10"
+          placeholder="Search.."
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+        />
+      </div>
+      {keyword && (
+        <Timeline
+          key={keyword}
+          subject={{
+            type: "keyword",
+            items: [keyword],
+            discriminator: keyword,
+          }}
+          postsOnly={false}
+          method={"TIME_RANGE"}
+        />
+      )}
+    </div>
+  );
+};
 
 export default SearchPage;