Update page metadata

src/element/ProfileImage.js

@@ -1,6 +1,7 @@
 import "./ProfileImage.css";
 import { useNavigate } from "react-router-dom";
 import useProfile from "../pages/feed/ProfileFeed";
+import Nostrich from "../nostrich.jpg";
 
 export default function ProfileImage(props) {
     const pubKey = props.pubKey;
@@ -10,7 +11,7 @@ export default function ProfileImage(props) {
 
     return (
         <div className="pfp">
-            <img src={user?.picture} onClick={() => navigate(`/p/${pubKey}`)} />
+            <img src={user?.picture ?? Nostrich} onClick={() => navigate(`/p/${pubKey}`)} />
             <div>
                 {user?.name ?? pubKey.substring(0, 8)}
                 {subHeader}

src/nostr/System.js

@@ -1,4 +1,3 @@
-import { useSelector } from "react-redux";
 import Connection from "./Connection";
 
 /**

src/pages/ProfilePage.js

@@ -6,6 +6,7 @@ import { useContext, useEffect, useState } from "react";
 import Event from "../nostr/Event";
 import { NostrContext } from "..";
 import { resetProfile } from "../state/Users";
+import Nostrich from "../nostrich.jpg";
 
 export default function ProfilePage() {
     const system = useContext(NostrContext);
@@ -27,7 +28,7 @@ export default function ProfilePage() {
     useEffect(() => {
         if (user) {
             setName(user.name ?? "");
-            setPicture(user.picture ?? "");
+            setPicture(user.picture ?? Nostrich);
             setAbout(user.about ?? "");
             setWebsite(user.website ?? "");
             setNip05(user.nip05 ?? "");