add error toasts from hooks

src/components/views/Board.jsx

@@ -66,6 +66,13 @@ const Board = () => {
   const { subplebbitAddress } = useParams();
   const subplebbit = useSubplebbit({subplebbitAddress: selectedAddress});
 
+  useEffect(() => {
+    if (subplebbit.error) {
+      const errorMessage = formatState(subplebbit.error);
+      setErrorMessage(errorMessage);
+    }
+  }, [subplebbit.error]);
+
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
 
   const [errorMessage, setErrorMessage] = useState(null);

src/components/views/Catalog.jsx

@@ -52,6 +52,13 @@ const Catalog = () => {
   const { subplebbitAddress } = useParams();
   const subplebbit = useSubplebbit({subplebbitAddress: selectedAddress});
 
+  useEffect(() => {
+    if (subplebbit.error) {
+      const errorMessage = formatState(subplebbit.error);
+      setErrorMessage(errorMessage);
+    }
+  }, [subplebbit.error]);
+
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
 
   const [errorMessage, setErrorMessage] = useState(null);

src/components/views/Pending.jsx

@@ -35,12 +35,20 @@ const Pending = () => {
 
   const account = useAccount();
   const comment = useAccountComment({commentIndex: index});
-  const { publishingState } = useAccountComment({commentIndex: index});
+  const { publishingState, error } = useAccountComment({commentIndex: index});
   
   const [visible] = useState(true);
-  const [errorMessage] = useState(null);
+
+  const [errorMessage, setErrorMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
 
+  useEffect(() => {
+    if (error) {
+      const errorMessage = formatState(error);
+      setErrorMessage(errorMessage);
+    }
+  }, [error]);
+
   const navigate = useNavigate();
   const [commentMediaInfo, setCommentMediaInfo] = useState(null);
   const fallbackImgUrl = "assets/filedeleted-res.gif";