Some packages cleanup

webui/src/PeerKnownCard.tsx

@@ -22,19 +22,19 @@ export function PeerKnownCard({ peerInfo }: TPeerKnownCardProps) {
             <div className={"peerInfo"}>
                 <div>
                     <div>
-
-                    <span>UUID: </span>
-                    <span>{peerInfo.uuid}</span>
+                        <span>UUID: </span>
+                        <span>{peerInfo.uuid}</span>
                     </div>
                     <div>
-                        <span>{peerInfo.knownAddress ? "connected" : "not connected"}</span>
+                        <span>
+                            {peerInfo.knownAddress
+                                ? "connected"
+                                : "not connected"}
+                        </span>
                     </div>
                 </div>
                 <div>
-                    <fetcher.Form
-                        method="put"
-                        action={"/home/peers"}
-                    >
+                    <fetcher.Form method="put" action={"/home/peers"}>
                         <span>Manual address: </span>
                         <input
                             name="intent"

webui/src/PeerState.tsx

@@ -9,8 +9,8 @@ export function PeerState() {
     const loaderData = useLoaderData() as LoaderToType<typeof peerStateLoader>;
 
     const knownPeers = loaderData.knownPeers.peers
-        .filter((p) => p.uuid !== loaderData.knownPeers.selfUuid)
-        .map((p) => <PeerKnownCard peerInfo={p} key={p.uuid} />);
+        ?.filter((p) => p.uuid !== loaderData.knownPeers.selfUuid)
+        ?.map((p) => <PeerKnownCard peerInfo={p} key={p.uuid} />);
 
     const availablePeers = loaderData.availablePeers.map((p) => (
         <PeerAvailableCard peerInfo={p} key={p.uuid} />