diff --git a/src/components/modals/ReplyModal.jsx b/src/components/modals/ReplyModal.jsx
index 34a79580..eefef3dd 100755
--- a/src/components/modals/ReplyModal.jsx
+++ b/src/components/modals/ReplyModal.jsx
@@ -9,307 +9,307 @@ import useAnonModeStore from '../../hooks/stores/useAnonModeStore';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 
 const ReplyModal = ({ isOpen, closeModal }) => {
-	const {
-		captchaResponse,
-		setCaptchaResponse,
-		setChallengesArray,
-		setIsCaptchaOpen,
-		setPendingComment,
-		setPendingCommentIndex,
-		replyQuoteCid,
-		setResolveCaptchaPromise,
-		selectedAddress,
-		selectedParentCid,
-		selectedShortCid,
-		selectedStyle,
-		selectedText,
-		setSelectedText,
-		triggerInsertion,
-	} = useGeneralStore((state) => state);
+  const {
+    captchaResponse,
+    setCaptchaResponse,
+    setChallengesArray,
+    setIsCaptchaOpen,
+    setPendingComment,
+    setPendingCommentIndex,
+    replyQuoteCid,
+    setResolveCaptchaPromise,
+    selectedAddress,
+    selectedParentCid,
+    selectedShortCid,
+    selectedStyle,
+    selectedText,
+    setSelectedText,
+    triggerInsertion,
+  } = useGeneralStore((state) => state);
 
-	const { anonymousMode } = useAnonModeStore();
+  const { anonymousMode } = useAnonModeStore();
 
-	const account = useAccount();
+  const account = useAccount();
 
-	const [, setNewErrorMessage] = useError();
+  const [, setNewErrorMessage] = useError();
 
-	const nodeRef = useRef(null);
-	const nameRef = useRef();
-	const commentRef = useRef();
-	const linkRef = useRef();
+  const nodeRef = useRef(null);
+  const nameRef = useRef();
+  const commentRef = useRef();
+  const linkRef = useRef();
 
-	const [triggerPublishComment, setTriggerPublishComment] = useState(false);
-	const [isMobile, setIsMobile] = useState(window.innerWidth <= 480);
-	const [executeAnonMode, setExecuteAnonMode] = useState(false);
+  const [triggerPublishComment, setTriggerPublishComment] = useState(false);
+  const [isMobile, setIsMobile] = useState(window.innerWidth <= 480);
+  const [executeAnonMode, setExecuteAnonMode] = useState(false);
 
-	useAnonMode(selectedParentCid, anonymousMode && executeAnonMode);
+  useAnonMode(selectedParentCid, anonymousMode && executeAnonMode);
 
-	useEffect(() => {
-		const handleResize = () => setIsMobile(window.innerWidth <= 480);
-		window.addEventListener('resize', handleResize);
+  useEffect(() => {
+    const handleResize = () => setIsMobile(window.innerWidth <= 480);
+    window.addEventListener('resize', handleResize);
 
-		// Cleanup function
-		return () => {
-			window.removeEventListener('resize', handleResize);
-		};
-	}, [setIsMobile]);
+    // Cleanup function
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [setIsMobile]);
 
-	const onModalOpen = () => {
-		if (commentRef.current) {
-			if (selectedText) {
-				commentRef.current.value += '\n';
-			}
-			commentRef.current.focus();
-			const len = commentRef.current.value.length;
-			commentRef.current.setSelectionRange(len, len);
-		}
-	};
+  const onModalOpen = () => {
+    if (commentRef.current) {
+      if (selectedText) {
+        commentRef.current.value += '\n';
+      }
+      commentRef.current.focus();
+      const len = commentRef.current.value.length;
+      commentRef.current.setSelectionRange(len, len);
+    }
+  };
 
-	const insertAtCursor = (inputElement, valueToInsert) => {
-		const startPos = inputElement.selectionStart || inputElement.value.length;
-		const endPos = startPos + valueToInsert.length;
-		inputElement.setRangeText(valueToInsert, startPos, startPos, 'end');
-		inputElement.setSelectionRange(endPos, endPos);
-	};
+  const insertAtCursor = (inputElement, valueToInsert) => {
+    const startPos = inputElement.selectionStart || inputElement.value.length;
+    const endPos = startPos + valueToInsert.length;
+    inputElement.setRangeText(valueToInsert, startPos, startPos, 'end');
+    inputElement.setSelectionRange(endPos, endPos);
+  };
 
-	useEffect(() => {
-		if (replyQuoteCid && commentRef.current) {
-			const prefixedReplyQuoteCid = `c/${replyQuoteCid}\n`;
-			insertAtCursor(commentRef.current, prefixedReplyQuoteCid);
-		}
-	}, [triggerInsertion, replyQuoteCid]);
+  useEffect(() => {
+    if (replyQuoteCid && commentRef.current) {
+      const prefixedReplyQuoteCid = `c/${replyQuoteCid}\n`;
+      insertAtCursor(commentRef.current, prefixedReplyQuoteCid);
+    }
+  }, [triggerInsertion, replyQuoteCid]);
 
-	const getSelectedText = useCallback(() => {
-		const text = document.getSelection().toString();
-		setSelectedText(text ? `>${text}\n` : '');
-	}, [setSelectedText]);
+  const getSelectedText = useCallback(() => {
+    const text = document.getSelection().toString();
+    setSelectedText(text ? `>${text}\n` : '');
+  }, [setSelectedText]);
 
-	useEffect(() => {
-		if (isOpen) {
-			setTimeout(getSelectedText, 0);
-		} else {
-			setSelectedText('');
-		}
-	}, [isOpen, getSelectedText, setSelectedText]);
+  useEffect(() => {
+    if (isOpen) {
+      setTimeout(getSelectedText, 0);
+    } else {
+      setSelectedText('');
+    }
+  }, [isOpen, getSelectedText, setSelectedText]);
 
-	const onChallengeVerification = (challengeVerification) => {
-		if (challengeVerification.challengeSuccess === true) {
-			return;
-		} else if (challengeVerification.challengeSuccess === false) {
-			setNewErrorMessage(`Challenge Failed, reason: ${challengeVerification.reason}. Errors: ${challengeVerification.errors}`);
-			console.log('challenge failed', challengeVerification);
-		}
-	};
+  const onChallengeVerification = (challengeVerification) => {
+    if (challengeVerification.challengeSuccess === true) {
+      return;
+    } else if (challengeVerification.challengeSuccess === false) {
+      setNewErrorMessage(`Challenge Failed, reason: ${challengeVerification.reason}. Errors: ${challengeVerification.errors}`);
+      console.log('challenge failed', challengeVerification);
+    }
+  };
 
-	const onChallenge = async (challenges, comment) => {
-		setPendingComment(comment);
-		let challengeAnswers = [];
+  const onChallenge = async (challenges, comment) => {
+    setPendingComment(comment);
+    let challengeAnswers = [];
 
-		try {
-			challengeAnswers = await getChallengeAnswersFromUser(challenges);
-		} catch (error) {
-			setNewErrorMessage(error.message);
-			console.log(error);
-		}
-		if (challengeAnswers) {
-			await comment.publishChallengeAnswers(challengeAnswers);
-		}
-	};
+    try {
+      challengeAnswers = await getChallengeAnswersFromUser(challenges);
+    } catch (error) {
+      setNewErrorMessage(error.message);
+      console.log(error);
+    }
+    if (challengeAnswers) {
+      await comment.publishChallengeAnswers(challengeAnswers);
+    }
+  };
 
-	useEffect(() => {
-		setPublishCommentOptions((prevPublishCommentOptions) => ({
-			...prevPublishCommentOptions,
-			subplebbitAddress: selectedAddress,
-		}));
-	}, [selectedAddress]);
+  useEffect(() => {
+    setPublishCommentOptions((prevPublishCommentOptions) => ({
+      ...prevPublishCommentOptions,
+      subplebbitAddress: selectedAddress,
+    }));
+  }, [selectedAddress]);
 
-	const [publishCommentOptions, setPublishCommentOptions] = useState({
-		subplebbitAddress: selectedAddress,
-		onChallenge,
-		onChallengeVerification,
-		onError: (error) => {
-			setNewErrorMessage(error.message);
-			console.log(error);
-		},
-	});
+  const [publishCommentOptions, setPublishCommentOptions] = useState({
+    subplebbitAddress: selectedAddress,
+    onChallenge,
+    onChallengeVerification,
+    onError: (error) => {
+      setNewErrorMessage(error.message);
+      console.log(error);
+    },
+  });
 
-	const { publishComment, index } = usePublishComment(publishCommentOptions);
+  const { publishComment, index } = usePublishComment(publishCommentOptions);
 
-	useEffect(() => {
-		if (index !== undefined) {
-			setPendingCommentIndex(index);
-		}
-	}, [index, setPendingCommentIndex]);
+  useEffect(() => {
+    if (index !== undefined) {
+      setPendingCommentIndex(index);
+    }
+  }, [index, setPendingCommentIndex]);
 
-	const resetFields = useCallback(() => {
-		if (nameRef.current) {
-			nameRef.current.value = '';
-		}
-		if (commentRef.current) {
-			commentRef.current.value = '';
-		}
-		if (linkRef.current) {
-			linkRef.current.value = '';
-		}
-	}, []);
+  const resetFields = useCallback(() => {
+    if (nameRef.current) {
+      nameRef.current.value = '';
+    }
+    if (commentRef.current) {
+      commentRef.current.value = '';
+    }
+    if (linkRef.current) {
+      linkRef.current.value = '';
+    }
+  }, []);
 
-	const handleSubmit = async (event) => {
-		event.preventDefault();
+  const handleSubmit = async (event) => {
+    event.preventDefault();
 
-		if (commentRef.current.value === '' && linkRef.current.value === '') {
-			setNewErrorMessage('Please enter a comment or link.');
-			return;
-		}
+    if (commentRef.current.value === '' && linkRef.current.value === '') {
+      setNewErrorMessage('Please enter a comment or link.');
+      return;
+    }
 
-		setPublishCommentOptions((prevPublishCommentOptions) => ({
-			...prevPublishCommentOptions,
-			author: {
-				displayName: nameRef.current.value || undefined,
-				...(anonymousMode ? {} : { address: account?.author.address }),
-			},
-			content: commentRef.current.value || undefined,
-			link: linkRef.current.value || undefined,
-			parentCid: selectedParentCid,
-		}));
+    setPublishCommentOptions((prevPublishCommentOptions) => ({
+      ...prevPublishCommentOptions,
+      author: {
+        displayName: nameRef.current.value || undefined,
+        ...(anonymousMode ? {} : { address: account?.author.address }),
+      },
+      content: commentRef.current.value || undefined,
+      link: linkRef.current.value || undefined,
+      parentCid: selectedParentCid,
+    }));
 
-		setTriggerPublishComment(true);
-	};
+    setTriggerPublishComment(true);
+  };
 
-	const updateSigner = useCallback(async () => {
-		if (anonymousMode) {
-			setExecuteAnonMode(true);
+  const updateSigner = useCallback(async () => {
+    if (anonymousMode) {
+      setExecuteAnonMode(true);
 
-			let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
-			let signer;
+      let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
+      let signer;
 
-			if (!storedSigners[selectedParentCid]) {
-				signer = await account?.plebbit.createSigner();
-				storedSigners[selectedParentCid] = { privateKey: signer?.privateKey, address: signer?.address };
-				localStorage.setItem('storedSigners', JSON.stringify(storedSigners));
-			} else {
-				const signerPrivateKey = storedSigners[selectedParentCid].privateKey;
+      if (!storedSigners[selectedParentCid]) {
+        signer = await account?.plebbit.createSigner();
+        storedSigners[selectedParentCid] = { privateKey: signer?.privateKey, address: signer?.address };
+        localStorage.setItem('storedSigners', JSON.stringify(storedSigners));
+      } else {
+        const signerPrivateKey = storedSigners[selectedParentCid].privateKey;
 
-				try {
-					signer = await account?.plebbit.createSigner({ type: 'ed25519', privateKey: signerPrivateKey });
-				} catch (error) {
-					console.log(error);
-				}
-			}
+        try {
+          signer = await account?.plebbit.createSigner({ type: 'ed25519', privateKey: signerPrivateKey });
+        } catch (error) {
+          console.log(error);
+        }
+      }
 
-			setPublishCommentOptions((prevPublishCommentOptions) => {
-				const newPublishCommentOptions = {
-					...prevPublishCommentOptions,
-					signer,
-					author: {
-						...prevPublishCommentOptions.author,
-						address: signer?.address,
-					},
-				};
+      setPublishCommentOptions((prevPublishCommentOptions) => {
+        const newPublishCommentOptions = {
+          ...prevPublishCommentOptions,
+          signer,
+          author: {
+            ...prevPublishCommentOptions.author,
+            address: signer?.address,
+          },
+        };
 
-				if (JSON.stringify(prevPublishCommentOptions) !== JSON.stringify(newPublishCommentOptions)) {
-					return newPublishCommentOptions;
-				}
+        if (JSON.stringify(prevPublishCommentOptions) !== JSON.stringify(newPublishCommentOptions)) {
+          return newPublishCommentOptions;
+        }
 
-				return prevPublishCommentOptions;
-			});
-		}
-	}, [selectedParentCid, anonymousMode, account]);
+        return prevPublishCommentOptions;
+      });
+    }
+  }, [selectedParentCid, anonymousMode, account]);
 
-	useEffect(() => {
-		if (anonymousMode) {
-			updateSigner();
-		}
-	}, [updateSigner, anonymousMode]);
+  useEffect(() => {
+    if (anonymousMode) {
+      updateSigner();
+    }
+  }, [updateSigner, anonymousMode]);
 
-	useEffect(() => {
-		if (publishCommentOptions && triggerPublishComment) {
-			(async () => {
-				await publishComment();
-				resetFields();
-				closeModal();
-			})();
-			setTriggerPublishComment(false);
-			setExecuteAnonMode(false);
-		}
-	}, [publishCommentOptions, triggerPublishComment, publishComment, resetFields, closeModal]);
+  useEffect(() => {
+    if (publishCommentOptions && triggerPublishComment) {
+      (async () => {
+        await publishComment();
+        resetFields();
+        closeModal();
+      })();
+      setTriggerPublishComment(false);
+      setExecuteAnonMode(false);
+    }
+  }, [publishCommentOptions, triggerPublishComment, publishComment, resetFields, closeModal]);
 
-	const getChallengeAnswersFromUser = async (challenges) => {
-		setChallengesArray(challenges);
+  const getChallengeAnswersFromUser = async (challenges) => {
+    setChallengesArray(challenges);
 
-		return new Promise((resolve, reject) => {
-			const imageString = challenges?.challenges[0].challenge;
-			const imageSource = `data:image/png;base64,${imageString}`;
-			const challengeImg = new Image();
-			challengeImg.src = imageSource;
+    return new Promise((resolve, reject) => {
+      const imageString = challenges?.challenges[0].challenge;
+      const imageSource = `data:image/png;base64,${imageString}`;
+      const challengeImg = new Image();
+      challengeImg.src = imageSource;
 
-			challengeImg.onload = () => {
-				setIsCaptchaOpen(true);
+      challengeImg.onload = () => {
+        setIsCaptchaOpen(true);
 
-				const handleKeyDown = async (event) => {
-					if (event.key === 'Enter') {
-						const currentCaptchaResponse = captchaResponse;
-						resolve(currentCaptchaResponse);
-						setIsCaptchaOpen(false);
-						document.removeEventListener('keydown', handleKeyDown);
-						event.preventDefault();
-					}
-				};
+        const handleKeyDown = async (event) => {
+          if (event.key === 'Enter') {
+            const currentCaptchaResponse = captchaResponse;
+            resolve(currentCaptchaResponse);
+            setIsCaptchaOpen(false);
+            document.removeEventListener('keydown', handleKeyDown);
+            event.preventDefault();
+          }
+        };
 
-				setCaptchaResponse('');
-				document.addEventListener('keydown', handleKeyDown);
+        setCaptchaResponse('');
+        document.addEventListener('keydown', handleKeyDown);
 
-				setResolveCaptchaPromise(resolve);
-			};
+        setResolveCaptchaPromise(resolve);
+      };
 
-			challengeImg.onerror = () => {
-				reject(setNewErrorMessage('Could not load challenges'));
-			};
-		});
-	};
+      challengeImg.onerror = () => {
+        reject(setNewErrorMessage('Could not load challenges'));
+      };
+    });
+  };
 
-	return (
-		<StyledModal
-			isOpen={isOpen}
-			onAfterOpen={onModalOpen}
-			onRequestClose={closeModal}
-			contentLabel='Reply Modal'
-			shouldCloseOnEsc={true}
-			shouldCloseOnOverlayClick={isMobile}
-			selectedStyle={selectedStyle}
-			overlayClassName='overlay'
-			style={isMobile ? { overlay: { backgroundColor: 'rgba(0,0,0,.25)' } } : { overlay: { backgroundColor: 'rgba(0,0,0,0)' } }}
-		>
-			<Draggable handle='.modal-header' nodeRef={nodeRef} disabled={isMobile}>
-				<div className='modal-content' ref={nodeRef}>
-					<div className='modal-header'>
-						Reply to c/{selectedShortCid}
-						<button className='icon' onClick={() => closeModal()} title='close' />
-					</div>
-					<div id='form'>
-						<div>
-							{account?.author.displayName ? (
-								<input id='name' type='text' defaultValue={account?.author?.displayName} ref={nameRef} />
-							) : (
-								<input id='name' type='text' placeholder='Anonymous' ref={nameRef} />
-							)}
-						</div>
-						<div>
-							<input id='name' type='text' placeholder='Embed link' ref={linkRef} />
-						</div>
-						<div className='textarea-wrapper'>
-							<span className='fixed-text'>{`c/${selectedShortCid}`}</span>
-							<textarea className='textarea' rows='4' placeholder='Comment' defaultValue={selectedText} wrap='soft' ref={commentRef} />
-						</div>
-						<div>
-							<button id='next' onClick={handleSubmit}>
-								Post
-							</button>
-						</div>
-					</div>
-				</div>
-			</Draggable>
-		</StyledModal>
-	);
+  return (
+    <StyledModal
+      isOpen={isOpen}
+      onAfterOpen={onModalOpen}
+      onRequestClose={closeModal}
+      contentLabel='Reply Modal'
+      shouldCloseOnEsc={true}
+      shouldCloseOnOverlayClick={isMobile}
+      selectedStyle={selectedStyle}
+      overlayClassName='overlay'
+      style={isMobile ? { overlay: { backgroundColor: 'rgba(0,0,0,.25)' } } : { overlay: { backgroundColor: 'rgba(0,0,0,0)' } }}
+    >
+      <Draggable handle='.modal-header' nodeRef={nodeRef} disabled={isMobile}>
+        <div className='modal-content' ref={nodeRef}>
+          <div className='modal-header'>
+            Reply to c/{selectedShortCid}
+            <button className='icon' onClick={() => closeModal()} title='close' />
+          </div>
+          <div id='form'>
+            <div>
+              {account?.author.displayName ? (
+                <input id='name' type='text' defaultValue={account?.author?.displayName} ref={nameRef} />
+              ) : (
+                <input id='name' type='text' placeholder='Anonymous' ref={nameRef} />
+              )}
+            </div>
+            <div>
+              <input id='name' type='text' placeholder='Link' ref={linkRef} />
+            </div>
+            <div className='textarea-wrapper'>
+              <span className='fixed-text'>{`c/${selectedShortCid}`}</span>
+              <textarea className='textarea' rows='4' placeholder='Comment' defaultValue={selectedText} wrap='soft' ref={commentRef} />
+            </div>
+            <div>
+              <button id='next' onClick={handleSubmit}>
+                Post
+              </button>
+            </div>
+          </div>
+        </div>
+      </Draggable>
+    </StyledModal>
+  );
 };
 
 Modal.setAppElement('#root');
diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx
index 6d759ee2..b2d25c43 100755
--- a/src/components/views/All.jsx
+++ b/src/components/views/All.jsx
@@ -607,7 +607,7 @@ const All = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -639,7 +639,7 @@ const All = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -3318,7 +3318,7 @@ const All = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/AllCatalog.jsx b/src/components/views/AllCatalog.jsx
index ac43a393..f5fa5d1b 100755
--- a/src/components/views/AllCatalog.jsx
+++ b/src/components/views/AllCatalog.jsx
@@ -849,7 +849,7 @@ const AllCatalog = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -881,7 +881,7 @@ const AllCatalog = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -1037,7 +1037,7 @@ const AllCatalog = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 695b7583..554b126f 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -765,7 +765,7 @@ const Board = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -800,7 +800,7 @@ const Board = () => {
                       window.electron && window.electron.isElectron
                         ? setIsCreateBoardOpen(true)
                         : alert(
-                            'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                            'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                           );
                     }}
                   >
@@ -884,7 +884,7 @@ const Board = () => {
                 </td>
               </tr>
               <tr data-type='File'>
-                <td>Embed File</td>
+                <td>Link</td>
                 <td>
                   <input name='embed' type='text' tabIndex={7} placeholder='Paste link' ref={linkRef} />
                   <button
@@ -4370,7 +4370,7 @@ const Board = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index 0c49c6bf..c6afb37c 100755
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -1534,7 +1534,7 @@ const Catalog = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -1567,7 +1567,7 @@ const Catalog = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -1653,7 +1653,7 @@ const Catalog = () => {
                 </td>
               </tr>
               <tr data-type='File'>
-                <td>Embed File</td>
+                <td>Link</td>
                 <td>
                   <input name='embed' type='text' tabIndex={7} placeholder='Paste link' ref={linkRef} />
                   <button
@@ -1828,7 +1828,7 @@ const Catalog = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Description.jsx b/src/components/views/Description.jsx
index 130647a3..8da9376e 100644
--- a/src/components/views/Description.jsx
+++ b/src/components/views/Description.jsx
@@ -196,7 +196,7 @@ const Description = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -229,7 +229,7 @@ const Description = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -719,7 +719,7 @@ const Description = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Pending.jsx b/src/components/views/Pending.jsx
index d1e10ded..8d7022af 100755
--- a/src/components/views/Pending.jsx
+++ b/src/components/views/Pending.jsx
@@ -20,24 +20,17 @@ import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';
 import useStateString from '../../hooks/useStateString';
 import packageJson from '../../../package.json';
-const {version} = packageJson;
+const { version } = packageJson;
 const commitRef = process?.env?.REACT_APP_COMMIT_REF ? ` ${process.env.REACT_APP_COMMIT_REF.slice(0, 7)}` : '';
 
-
 const Pending = () => {
-  const {
-    defaultSubplebbits,
-    isSettingsOpen, setIsSettingsOpen,
-    selectedAddress, setSelectedAddress,
-    selectedStyle,
-    setSelectedTitle,
-    showPostFormLink
-  } = useGeneralStore(state => state);
+  const { defaultSubplebbits, isSettingsOpen, setIsSettingsOpen, selectedAddress, setSelectedAddress, selectedStyle, setSelectedTitle, showPostFormLink } =
+    useGeneralStore((state) => state);
 
   const { index } = useParams();
 
   const account = useAccount();
-  const comment = useAccountComment({commentIndex: index});
+  const comment = useAccountComment({ commentIndex: index });
   const [, setNewErrorMessage] = useError();
   const [isThumbnailClicked, setIsThumbnailClicked] = useState({});
   const [isMobileThumbnailClicked, setIsMobileThumbnailClicked] = useState({});
@@ -45,17 +38,17 @@ const Pending = () => {
 
   const subplebbitAddress = comment?.subplebbitAddress;
 
-  const subplebbit = useSubplebbit({subplebbitAddress})
+  const subplebbit = useSubplebbit({ subplebbitAddress });
   const selectedTitle = subplebbit?.title;
 
-  const handleThumbnailClick = (index, isMobile=false) => {
+  const handleThumbnailClick = (index, isMobile = false) => {
     if (isMobile) {
-      setIsMobileThumbnailClicked(prevState => ({
+      setIsMobileThumbnailClicked((prevState) => ({
         ...prevState,
         [index]: !prevState[index],
       }));
     } else {
-      setIsThumbnailClicked(prevState => ({
+      setIsThumbnailClicked((prevState) => ({
         ...prevState,
         [index]: !prevState[index],
       }));
@@ -66,17 +59,17 @@ const Pending = () => {
     setSelectedAddress(comment?.subplebbitAddress);
   }, [comment, setSelectedAddress]);
 
-  const stateString = useStateString(comment)
+  const stateString = useStateString(comment);
 
   const errorString = useMemo(() => {
     if (comment?.state === 'failed') {
       let errorString = 'Failed fetching pending thread. Pending index: ' + index;
       if (comment.error) {
-        errorString += `: ${comment.error.toString().slice(0, 300)}`
+        errorString += `: ${comment.error.toString().slice(0, 300)}`;
       }
-      return errorString
+      return errorString;
     }
-  }, [comment?.state, comment?.error, index])
+  }, [comment?.state, comment?.error, index]);
 
   useEffect(() => {
     if (errorString) {
@@ -88,7 +81,7 @@ const Pending = () => {
 
   const navigate = useNavigate();
   const [commentMediaInfo, setCommentMediaInfo] = useState(null);
-  const fallbackImgUrl = "assets/filedeleted-res.gif";
+  const fallbackImgUrl = 'assets/filedeleted-res.gif';
 
   // mobile navbar board select functionality
   const handleSelectChange = (event) => {
@@ -115,7 +108,6 @@ const Pending = () => {
       setCommentMediaInfo(mediaInfo);
     }
   }, [comment]);
-  
 
   return (
     <>
@@ -123,111 +115,144 @@ const Pending = () => {
         <title>{`plebchan - Pending Thread #${parseInt(index) + 1}`}</title>
       </Helmet>
       <Container>
-        <CreateBoardModal
-        selectedStyle={selectedStyle}
-        isOpen={isCreateBoardOpen}
-        closeModal={() => setIsCreateBoardOpen(false)} />
-        <SettingsModal
-        selectedStyle={selectedStyle}
-        isOpen={isSettingsOpen}
-        closeModal={() => setIsSettingsOpen(false)} />
+        <CreateBoardModal selectedStyle={selectedStyle} isOpen={isCreateBoardOpen} closeModal={() => setIsCreateBoardOpen(false)} />
+        <SettingsModal selectedStyle={selectedStyle} isOpen={isSettingsOpen} closeModal={() => setIsSettingsOpen(false)} />
         <NavBar selectedStyle={selectedStyle}>
           <>
-          <span className="boardList">
-            [
-              <Link to={`/p/all`} onClick={() => window.scrollTo(0, 0)}>All</Link>
-                 / 
-              <Link to={`/p/subscriptions`} onClick={() => window.scrollTo(0, 0)}>Subscriptions</Link>
-            ]&nbsp;[
-            {defaultSubplebbits.map((subplebbit, index) => (
-              <span className="boardList" key={`span-${subplebbit.address}`}>
-                {index === 0 ? null : "\u00a0"}
-                <Link to={`/p/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => {
-                setSelectedTitle(subplebbit.title);
-                setSelectedAddress(subplebbit.address);
-                }}
-                >{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
-                {index !== defaultSubplebbits.length - 1 ? " /" : null}
-              </span>
-            ))}
-            ]
-          </span>
-            <span className="nav">
+            <span className='boardList'>
               [
-              <span id="button-span" style={{cursor: 'pointer'}} onClick={
-              () => {
-                window.electron && window.electron.isElectron ? (
-                  setIsCreateBoardOpen(true)
-                ) : (
-                  alert(
-                    'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n'
-                  )
-                )
-              }
-              }>Create Board</span>
-              ]
-              [
-              <Link to={`/profile/c/${index}/settings`} onClick={() => setIsSettingsOpen(true)}>Settings</Link>
-              ]
-              [
-              <Link to="/">Home</Link>
+              <Link to={`/p/all`} onClick={() => window.scrollTo(0, 0)}>
+                All
+              </Link>
+               / 
+              <Link to={`/p/subscriptions`} onClick={() => window.scrollTo(0, 0)}>
+                Subscriptions
+              </Link>
+              ]&nbsp;[
+              {defaultSubplebbits.map((subplebbit, index) => (
+                <span className='boardList' key={`span-${subplebbit.address}`}>
+                  {index === 0 ? null : '\u00a0'}
+                  <Link
+                    to={`/p/${subplebbit.address}`}
+                    key={`a-${subplebbit.address}`}
+                    onClick={() => {
+                      setSelectedTitle(subplebbit.title);
+                      setSelectedAddress(subplebbit.address);
+                    }}
+                  >
+                    {subplebbit.title ? subplebbit.title : subplebbit.address}
+                  </Link>
+                  {index !== defaultSubplebbits.length - 1 ? ' /' : null}
+                </span>
+              ))}
               ]
             </span>
-            <div id="board-nav-mobile" style={{ top: visible ? 0 : '-23px' }}>
-              <div className="nav-container">
-                <div className="board-select">
+            <span className='nav'>
+              [
+              <span
+                id='button-span'
+                style={{ cursor: 'pointer' }}
+                onClick={() => {
+                  window.electron && window.electron.isElectron
+                    ? setIsCreateBoardOpen(true)
+                    : alert(
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
+                      );
+                }}
+              >
+                Create Board
+              </span>
+              ] [
+              <Link to={`/profile/c/${index}/settings`} onClick={() => setIsSettingsOpen(true)}>
+                Settings
+              </Link>
+              ] [<Link to='/'>Home</Link>]
+            </span>
+            <div id='board-nav-mobile' style={{ top: visible ? 0 : '-23px' }}>
+              <div className='nav-container'>
+                <div className='board-select'>
                   <strong>Board</strong>
                   &nbsp;
-                  <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
-                    <option value="all">All</option>
-                    <option value="subscriptions">Subscriptions</option>
-                    {!defaultSubplebbits.some(subplebbit => subplebbit.address === selectedAddress) && (
-                      <option value={selectedAddress}>{selectedAddress}</option>
-                    )}
-                    {defaultSubplebbits.map(subplebbit => (
-                        <option key={`option-${subplebbit.address}`} value={subplebbit.address}
-                        >{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
-                      ))}
-                  </select> 
-                  <span id="button-span" style={{cursor: 'pointer'}} onClick={
-                  () => alert(
-                    'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n'
-                    )
-                  }>Create Board</span>
+                  <select id='board-select-mobile' value={selectedAddress} onChange={handleSelectChange}>
+                    <option value='all'>All</option>
+                    <option value='subscriptions'>Subscriptions</option>
+                    {!defaultSubplebbits.some((subplebbit) => subplebbit.address === selectedAddress) && <option value={selectedAddress}>{selectedAddress}</option>}
+                    {defaultSubplebbits.map((subplebbit) => (
+                      <option key={`option-${subplebbit.address}`} value={subplebbit.address}>
+                        {subplebbit.title ? subplebbit.title : subplebbit.address}
+                      </option>
+                    ))}
+                  </select>
+                   
+                  <span
+                    id='button-span'
+                    style={{ cursor: 'pointer' }}
+                    onClick={() =>
+                      alert(
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
+                      )
+                    }
+                  >
+                    Create Board
+                  </span>
                 </div>
-                <div className="page-jump">
-                  <Link to={`/p/${selectedAddress}/settings`} onClick={() => setIsSettingsOpen(true)}>Settings</Link>
+                <div className='page-jump'>
+                  <Link to={`/p/${selectedAddress}/settings`} onClick={() => setIsSettingsOpen(true)}>
+                    Settings
+                  </Link>
                   &nbsp;
-                  <Link to="/" onClick={() => {handleStyleChange({target: {value: "Yotsuba"}}); window.scrollTo(0, 0);}}>Home</Link>
+                  <Link
+                    to='/'
+                    onClick={() => {
+                      handleStyleChange({ target: { value: 'Yotsuba' } });
+                      window.scrollTo(0, 0);
+                    }}
+                  >
+                    Home
+                  </Link>
                 </div>
               </div>
             </div>
-            <div id="separator-mobile">&nbsp;</div>
-            <div id="separator-mobile">&nbsp;</div>
+            <div id='separator-mobile'>&nbsp;</div>
+            <div id='separator-mobile'>&nbsp;</div>
           </>
         </NavBar>
         <Header selectedStyle={selectedStyle}>
           <>
-            <div className="banner">
+            <div className='banner'>
               <ImageBanner />
             </div>
-              <>
-              <div className="board-title">{selectedTitle ?? null}</div>
-              <div className="board-address">{selectedAddress ? ("p/" + selectedAddress) : null}</div>
-              </>
+            <>
+              <div className='board-title'>{selectedTitle ?? null}</div>
+              <div className='board-address'>{selectedAddress ? 'p/' + selectedAddress : null}</div>
+            </>
           </>
         </Header>
         <Break selectedStyle={selectedStyle} />
-        <PostForm selectedStyle={selectedStyle} name="post" action="" method="post" enctype="multipart/form-data">
-          <ReplyFormLink id="post-form-link" showReplyFormLink={showPostFormLink} selectedStyle={selectedStyle} >
-            <div id="return-button-mobile">
-              <span className="btn-wrap">
-                <Link to={`/p/${selectedAddress}`} onClick={()=> {window.scrollTo(0, 0)}}>Return</Link>
+        <PostForm selectedStyle={selectedStyle} name='post' action='' method='post' enctype='multipart/form-data'>
+          <ReplyFormLink id='post-form-link' showReplyFormLink={showPostFormLink} selectedStyle={selectedStyle}>
+            <div id='return-button-mobile'>
+              <span className='btn-wrap'>
+                <Link
+                  to={`/p/${selectedAddress}`}
+                  onClick={() => {
+                    window.scrollTo(0, 0);
+                  }}
+                >
+                  Return
+                </Link>
               </span>
             </div>
-            <div id="catalog-button-mobile">
-              <span className="btn-wrap">
-                <Link to={`/p/${selectedAddress}/catalog`} onClick={()=> {window.scrollTo(0, 0)}}>Catalog</Link>
+            <div id='catalog-button-mobile'>
+              <span className='btn-wrap'>
+                <Link
+                  to={`/p/${selectedAddress}/catalog`}
+                  onClick={() => {
+                    window.scrollTo(0, 0);
+                  }}
+                >
+                  Catalog
+                </Link>
               </span>
             </div>
             <div>&nbsp;</div>
@@ -236,377 +261,492 @@ const Pending = () => {
         <BoardStats subplebbitAddress={subplebbitAddress} />
         <TopBar selectedStyle={selectedStyle}>
           <hr />
-          <span className="style-changer">
-            Style:
-             
-            <select id="style-selector" onChange={handleStyleChange} value={selectedStyle}>
-              <option value="Yotsuba">Yotsuba</option>
-              <option value="Yotsuba-B">Yotsuba B</option>
-              <option value="Futaba">Futaba</option>
-              <option value="Burichan">Burichan</option>
-              <option value="Tomorrow">Tomorrow</option>
-              <option value="Photon">Photon</option>
+          <span className='style-changer'>
+            Style:  
+            <select id='style-selector' onChange={handleStyleChange} value={selectedStyle}>
+              <option value='Yotsuba'>Yotsuba</option>
+              <option value='Yotsuba-B'>Yotsuba B</option>
+              <option value='Futaba'>Futaba</option>
+              <option value='Burichan'>Burichan</option>
+              <option value='Tomorrow'>Tomorrow</option>
+              <option value='Photon'>Photon</option>
             </select>
           </span>
-          <span className="return-button" id="return-button-desktop">
+          <span className='return-button' id='return-button-desktop'>
             [
-            <Link to={`/p/${selectedAddress}`} onClick={()=> {window.scrollTo(0, 0)}}>Return</Link>
+            <Link
+              to={`/p/${selectedAddress}`}
+              onClick={() => {
+                window.scrollTo(0, 0);
+              }}
+            >
+              Return
+            </Link>
             ]
           </span>
-          <span className="return-button catalog-button" id="catalog-button-desktop">
+          <span className='return-button catalog-button' id='catalog-button-desktop'>
             [
-            <Link to={`/p/${selectedAddress}/catalog`} onClick={()=> {window.scrollTo(0, 0)}}>Catalog</Link>
+            <Link
+              to={`/p/${selectedAddress}/catalog`}
+              onClick={() => {
+                window.scrollTo(0, 0);
+              }}
+            >
+              Catalog
+            </Link>
             ]
           </span>
-            <span className={stateString ? "reply-stat ellipsis" : ""}>{stateString}</span>
+          <span className={stateString ? 'reply-stat ellipsis' : ''}>{stateString}</span>
           <hr />
         </TopBar>
-        <Tooltip id="tooltip" className="tooltip" />
+        <Tooltip id='tooltip' className='tooltip' />
         <BoardForm selectedStyle={selectedStyle}>
           {comment !== undefined ? (
             <>
-              <div className="thread">
-                <div className="op-container">
-                  <div className="post op">
-                    <div className="post-info">
+              <div className='thread'>
+                <div className='op-container'>
+                  <div className='post op'>
+                    <div className='post-info'>
                       {commentMediaInfo?.url ? (
-                        <div key={`f-${index}`} className="file" style={{marginBottom: "5px"}}>
-                          <div key={`ft-${index}`} className="file-text">
+                        <div key={`f-${index}`} className='file' style={{ marginBottom: '5px' }}>
+                          <div key={`ft-${index}`} className='file-text'>
                             Link:&nbsp;
-                            <a key={`fa-${index}`} href={commentMediaInfo.url} target="_blank"
-                            rel="noopener noreferrer">{
-                            commentMediaInfo?.url.length > 30 ?
-                            commentMediaInfo?.url.slice(0, 30) + "(...)" :
-                            commentMediaInfo?.url
-                            }</a>&nbsp;({commentMediaInfo?.type === "iframe" ? "video" : commentMediaInfo?.type})
+                            <a key={`fa-${index}`} href={commentMediaInfo.url} target='_blank' rel='noopener noreferrer'>
+                              {commentMediaInfo?.url.length > 30 ? commentMediaInfo?.url.slice(0, 30) + '(...)' : commentMediaInfo?.url}
+                            </a>
+                            &nbsp;({commentMediaInfo?.type === 'iframe' ? 'video' : commentMediaInfo?.type})
                             {isThumbnailClicked[index] ? (
                               <span>
                                 -[
-                                  <span className='reply-link' 
-                                  style={{textDecoration: 'underline', cursor: 'pointer'}}
-                                  onClick={() => {handleThumbnailClick(index)}}>Close</span>
+                                <span
+                                  className='reply-link'
+                                  style={{ textDecoration: 'underline', cursor: 'pointer' }}
+                                  onClick={() => {
+                                    handleThumbnailClick(index);
+                                  }}
+                                >
+                                  Close
+                                </span>
                                 ]
                               </span>
                             ) : null}
                           </div>
                           {commentMediaInfo?.type === 'iframe' && (
-                            <div key={`enlarge-${index}`}
-                            className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
-                              <span key={`fta-${index}`} className="file-thumb">
+                            <div key={`enlarge-${index}`} className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
+                              <span key={`fta-${index}`} className='file-thumb'>
                                 {(isThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
-                                  <iframe 
+                                  <iframe
                                     className='enlarged'
-                                    key={`fti-${index}`} 
-                                    src={commentMediaInfo.embedUrl}
-                                    width={commentMediaInfo.thumbnail ? "560" : "250"} 
-                                    height="315"
-                                    style={{border: "none"}}
-                                    title="Embedded content"
-                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-                                    allowFullScreen />
-                                ) : (
-                                  <img 
                                     key={`fti-${index}`}
-                                    src={commentMediaInfo.thumbnail} 
-                                    alt="thumbnail"
-                                    onClick={() => {handleThumbnailClick(index)}}
-                                    style={{cursor: "pointer"}}
-                                    onError={(e) => e.target.src = fallbackImgUrl} />
+                                    src={commentMediaInfo.embedUrl}
+                                    width={commentMediaInfo.thumbnail ? '560' : '250'}
+                                    height='315'
+                                    style={{ border: 'none' }}
+                                    title='Embedded content'
+                                    allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
+                                    allowFullScreen
+                                  />
+                                ) : (
+                                  <img
+                                    key={`fti-${index}`}
+                                    src={commentMediaInfo.thumbnail}
+                                    alt='thumbnail'
+                                    onClick={() => {
+                                      handleThumbnailClick(index);
+                                    }}
+                                    style={{ cursor: 'pointer' }}
+                                    onError={(e) => (e.target.src = fallbackImgUrl)}
+                                  />
                                 )}
                               </span>
                             </div>
                           )}
-                          {commentMediaInfo?.type === "webpage" ? (
-                            <div key={`enlarge-${index}`} className="img-container">
-                              <span key={`fta-${index}`} className="file-thumb">
+                          {commentMediaInfo?.type === 'webpage' ? (
+                            <div key={`enlarge-${index}`} className='img-container'>
+                              <span key={`fta-${index}`} className='file-thumb'>
                                 {comment.thumbnailUrl ? (
-                                  <img key={`fti-${index}`} 
-                                  src={commentMediaInfo.thumbnail} alt={commentMediaInfo.type}
-                                  onClick={handleImageClick}
-                                  style={{cursor: "pointer"}}
-                                  onError={(e) => e.target.src = fallbackImgUrl} />
+                                  <img
+                                    key={`fti-${index}`}
+                                    src={commentMediaInfo.thumbnail}
+                                    alt={commentMediaInfo.type}
+                                    onClick={handleImageClick}
+                                    style={{ cursor: 'pointer' }}
+                                    onError={(e) => (e.target.src = fallbackImgUrl)}
+                                  />
                                 ) : null}
                               </span>
                             </div>
                           ) : null}
-                          {commentMediaInfo?.type === "image" ? (
-                            <div key={`enlarge-${index}`} className="img-container">
-                              <span key={`fta-${index}`} className="file-thumb">
-                                <img key={`fti-${index}`} 
-                                src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                                onClick={handleImageClick}
-                                style={{cursor: "pointer"}}
-                                onError={(e) => e.target.src = fallbackImgUrl} />
+                          {commentMediaInfo?.type === 'image' ? (
+                            <div key={`enlarge-${index}`} className='img-container'>
+                              <span key={`fta-${index}`} className='file-thumb'>
+                                <img
+                                  key={`fti-${index}`}
+                                  src={commentMediaInfo.url}
+                                  alt={commentMediaInfo.type}
+                                  onClick={handleImageClick}
+                                  style={{ cursor: 'pointer' }}
+                                  onError={(e) => (e.target.src = fallbackImgUrl)}
+                                />
                               </span>
                             </div>
                           ) : null}
-                          {commentMediaInfo?.type === "video" ? (
-                          <div key={`enlarge-${index}`} className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
-                            <span key={`fta-${index}`} className="file-thumb">
-                              {isThumbnailClicked[index] ? (
-                                <video 
-                                  className='enlarged'
-                                  key={`fti-${index}`} 
-                                  src={commentMediaInfo.url} 
-                                  controls
-                                  style={{cursor: "pointer"}}
-                                  onError={(e) => e.target.src = fallbackImgUrl} 
-                                />
-                              ) : (
-                                <video 
-                                  key={`fti-${index}`}
-                                  src={commentMediaInfo.url} 
-                                  alt="thumbnail"
-                                  onClick={() => {handleThumbnailClick(index)}}
-                                  style={{cursor: "pointer"}}
-                                  onError={(e) => e.target.src = fallbackImgUrl} 
-                                />
-                              )}
-                            </span>
-                          </div>
+                          {commentMediaInfo?.type === 'video' ? (
+                            <div key={`enlarge-${index}`} className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
+                              <span key={`fta-${index}`} className='file-thumb'>
+                                {isThumbnailClicked[index] ? (
+                                  <video
+                                    className='enlarged'
+                                    key={`fti-${index}`}
+                                    src={commentMediaInfo.url}
+                                    controls
+                                    style={{ cursor: 'pointer' }}
+                                    onError={(e) => (e.target.src = fallbackImgUrl)}
+                                  />
+                                ) : (
+                                  <video
+                                    key={`fti-${index}`}
+                                    src={commentMediaInfo.url}
+                                    alt='thumbnail'
+                                    onClick={() => {
+                                      handleThumbnailClick(index);
+                                    }}
+                                    style={{ cursor: 'pointer' }}
+                                    onError={(e) => (e.target.src = fallbackImgUrl)}
+                                  />
+                                )}
+                              </span>
+                            </div>
                           ) : null}
-                          {commentMediaInfo?.type === "audio" ? (
-                            <span key={`fta-${index}`} className="file-thumb">
-                              <audio controls key={`fti-${index}`} 
-                              src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                              onError={(e) => e.target.src = fallbackImgUrl} />
+                          {commentMediaInfo?.type === 'audio' ? (
+                            <span key={`fta-${index}`} className='file-thumb'>
+                              <audio
+                                controls
+                                key={`fti-${index}`}
+                                src={commentMediaInfo.url}
+                                alt={commentMediaInfo.type}
+                                onError={(e) => (e.target.src = fallbackImgUrl)}
+                              />
                             </span>
                           ) : null}
                         </div>
                       ) : null}
-                      <span className="name-block">
-                          {comment.title ? (
-                            comment.title.length > 75 ?
+                      <span className='name-block'>
+                        {comment.title ? (
+                          comment.title.length > 75 ? (
                             <>
-                              <span key={`q-${"pending"}`} className="title"
-                              data-tooltip-id="tooltip"
-                              data-tooltip-content={comment.title}
-                              data-tooltip-place="top">
-                                {comment.title.slice(0, 75) + " (...)"}
+                              <span key={`q-${'pending'}`} className='title' data-tooltip-id='tooltip' data-tooltip-content={comment.title} data-tooltip-place='top'>
+                                {comment.title.slice(0, 75) + ' (...)'}
                               </span>
                             </>
-                          : <span key={`q-${"pending"}`} className="title">
-                            {comment.title}
-                            </span>) 
-                          : null}
+                          ) : (
+                            <span key={`q-${'pending'}`} className='title'>
+                              {comment.title}
+                            </span>
+                          )
+                        ) : null}
                         &nbsp;
-                        {comment.author?.displayName
-                          ? comment.author?.displayName.length > 20
-                          ? <>
-                              <span key={`n-${"pending"}`} className="name"
-                              data-tooltip-id="tooltip"
-                              data-tooltip-content={comment.author?.displayName}
-                              data-tooltip-place="top">
-                                {comment.author?.displayName.slice(0, 20) + " (...)"}
+                        {comment.author?.displayName ? (
+                          comment.author?.displayName.length > 20 ? (
+                            <>
+                              <span
+                                key={`n-${'pending'}`}
+                                className='name'
+                                data-tooltip-id='tooltip'
+                                data-tooltip-content={comment.author?.displayName}
+                                data-tooltip-place='top'
+                              >
+                                {comment.author?.displayName.slice(0, 20) + ' (...)'}
                               </span>
-                            </> 
-                            : <span key={`n-${"pending"}`} className="name">
-                              {comment.author?.displayName}</span>
-                          : <span key={`n-${"pending"}`} className="name">
-                            Anonymous</span>}
-                          &nbsp;
+                            </>
+                          ) : (
+                            <span key={`n-${'pending'}`} className='name'>
+                              {comment.author?.displayName}
+                            </span>
+                          )
+                        ) : (
+                          <span key={`n-${'pending'}`} className='name'>
+                            Anonymous
+                          </span>
+                        )}
+                        &nbsp; &nbsp;
+                        <span className='poster-address'>(u/{account?.author?.shortAddress})</span>
                         &nbsp;
-                        <span className="poster-address">
-                          (u/{account?.author?.shortAddress})
+                        <span className='date-time' data-utc='data'>
+                          {getDate(comment?.timestamp)}
                         </span>
                         &nbsp;
-                        <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
-                        &nbsp;
-                        <span className="post-number">
-                          <Link to="" title="Link to this post">c/</Link>
-                          <span key="pending" style={{color: 'red', fontWeight: '700'}}>Pending</span>
-                        </span>&nbsp;&nbsp;
-                        <button key={`pmb-${"pending"}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
+                        <span className='post-number'>
+                          <Link to='' title='Link to this post'>
+                            c/
+                          </Link>
+                          <span key='pending' style={{ color: 'red', fontWeight: '700' }}>
+                            Pending
+                          </span>
+                        </span>
+                        &nbsp;&nbsp;
+                        <button key={`pmb-${'pending'}`} className='post-menu-button' title='Post menu' style={{ all: 'unset', cursor: 'pointer' }}>
+                          ▶
+                        </button>
                       </span>
-                      <blockquote key={`blockquote-${"pending"}`}>
-                        <Post content={comment.content} comment={comment} handleQuoteClick={handleQuoteClick} key={`post-${"pending"}`} />
+                      <blockquote key={`blockquote-${'pending'}`}>
+                        <Post content={comment.content} comment={comment} handleQuoteClick={handleQuoteClick} key={`post-${'pending'}`} />
                       </blockquote>
                     </div>
                   </div>
                 </div>
               </div>
-              <div className="thread-mobile" key="thread-mobile">
+              <div className='thread-mobile' key='thread-mobile'>
                 <hr />
-                <div className="op-container" key="op-container">
-                    <div key={`mob-po-${"pending"}`} className="post op">
-                      <div key={`mob-pi-${"pending"}`} className="post-info-mobile">
-                        <button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${"pending"}`} className="post-menu-button-mobile" onClick={() => {}}>...</button>
-                        <span className="name-block-mobile">
-                          {comment.author?.displayName
-                          ? comment.author?.displayName.length > 15
-                          ? <>
-                              <span key={`mob-n-${"pending"}`} className="name-mobile"
-                              data-tooltip-id="tooltip"
-                              data-tooltip-content={comment.author?.displayName}
-                              data-tooltip-place="top">
-                                {comment.author?.displayName.slice(0, 15) + " (...)"}
+                <div className='op-container' key='op-container'>
+                  <div key={`mob-po-${'pending'}`} className='post op'>
+                    <div key={`mob-pi-${'pending'}`} className='post-info-mobile'>
+                      <button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${'pending'}`} className='post-menu-button-mobile' onClick={() => {}}>
+                        ...
+                      </button>
+                      <span className='name-block-mobile'>
+                        {comment.author?.displayName ? (
+                          comment.author?.displayName.length > 15 ? (
+                            <>
+                              <span
+                                key={`mob-n-${'pending'}`}
+                                className='name-mobile'
+                                data-tooltip-id='tooltip'
+                                data-tooltip-content={comment.author?.displayName}
+                                data-tooltip-place='top'
+                              >
+                                {comment.author?.displayName.slice(0, 15) + ' (...)'}
                               </span>
-                            </> 
-                            : <span key={`mob-n-${"pending"}`} className="name-mobile">
-                              {comment.author?.displayName}</span>
-                          : <span key={`mob-n-${"pending"}`} className="name-mobile">
-                            Anonymous</span>}
-                          &nbsp;
-                          <span key={`mob-pa-${"pending"}`} className="poster-address-mobile">
-                            (u/{account?.author?.shortAddress})&nbsp;
+                            </>
+                          ) : (
+                            <span key={`mob-n-${'pending'}`} className='name-mobile'>
+                              {comment.author?.displayName}
+                            </span>
+                          )
+                        ) : (
+                          <span key={`mob-n-${'pending'}`} className='name-mobile'>
+                            Anonymous
                           </span>
-                          <br key={`mob-br1-${"pending"}`} />
-                          {comment.title ? (
-                              comment.title.length > 30 ?
-                              <>
-                                <span key={`mob-t-${"pending"}`} className="subject-mobile"
-                                data-tooltip-id="tooltip"
+                        )}
+                        &nbsp;
+                        <span key={`mob-pa-${'pending'}`} className='poster-address-mobile'>
+                          (u/{account?.author?.shortAddress})&nbsp;
+                        </span>
+                        <br key={`mob-br1-${'pending'}`} />
+                        {comment.title ? (
+                          comment.title.length > 30 ? (
+                            <>
+                              <span
+                                key={`mob-t-${'pending'}`}
+                                className='subject-mobile'
+                                data-tooltip-id='tooltip'
                                 data-tooltip-content={comment.title}
-                                data-tooltip-place="top">
-                                  {comment.title.slice(0, 30) + " (...)"}
-                                </span>
-                              </>
-                              : <span key={`mob-t-${"pending"}`} className="subject-mobile">
-                                {comment.title}
-                              </span>) : null}
-                        </span>
-                        <span key={`mob-dt-${"pending"}`} className="date-time-mobile">
-                          {getDate(comment?.timestamp)}
-                          &nbsp;
-                          <button id="reply-button" style={{ all: 'unset' }} key={`mob-no-${"pending"}`}>c/</button>
-                          &nbsp;
-                          <span key="pending-mob" style={{color: 'red', fontWeight: '700'}}>Pending</span>
-                        </span>
-                      </div>
-                        {comment.link ? (
-                          <div key={`mob-f-${index}`} className="file-mobile">
-                            {commentMediaInfo?.type === 'iframe' && (
-                              <div key={`enlarge-mob-${index}`} className="img-container">
-                                <span key={`mob-fta-${index}`} className="file-thumb-mobile">
-                                  {(isMobileThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
-                                    <div style={{width: "92vw"}}>
-                                      <iframe 
-                                        key={`mob-fti-${index}`} 
-                                        src={commentMediaInfo.embedUrl}
-                                        style={{border: "none", height: "250px"}}
-                                        title="Embedded content"
-                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-                                        allowFullScreen />
-                                    </div>
-                                  ) : (
-                                    <img 
-                                      key={`mob-fti-${index}`}
-                                      src={commentMediaInfo.thumbnail} 
-                                      alt="thumbnail"
-                                      onClick={() => {handleThumbnailClick(index, true)}}
-                                      style={{cursor: "pointer"}}
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                  )}
-                                  {commentMediaInfo?.type === "video" || commentMediaInfo?.type ===  "iframe" ? (
-                                    isMobileThumbnailClicked[index] ? (
-                                      <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
-                                        <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
-                                        onClick={() => {handleThumbnailClick(index, true)}}
-                                        >Close</span>
-                                      </div>
-                                    ) : (
-                                      <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
-                                  )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
-                                </span>
-                              </div>
-                            )}
-                            {commentMediaInfo?.url ? (
-                              commentMediaInfo.type === "webpage" ? (
-                                <div key={`enlarge-mob-${index}`} className="img-container">
-                                  <span key={`mob-ft${comment.cid}`} className="file-thumb-mobile">
-                                    {comment.thumbnailUrl ? (
-                                      <img key={`mob-img-${index}`} 
-                                      src={commentMediaInfo.thumbnail} alt="thumbnail" 
-                                      onClick={handleImageClick}
-                                      style={{cursor: "pointer"}}
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                    ) : null}
-                                    <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                  </span>
-                                </div>
-                              ) : commentMediaInfo.type === "image" ? (
-                                <div key={`enlarge-mob-${index}`} className="img-container">
-                                  <span key={`mob-ft${comment.cid}`} className="file-thumb-mobile">
-                                    <img key={`mob-img-${index}`} 
-                                    src={commentMediaInfo.url} alt={commentMediaInfo.type} 
-                                    onClick={handleImageClick}
-                                    style={{cursor: "pointer"}}
-                                    onError={(e) => e.target.src = fallbackImgUrl} />
-                                    <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                  </span>
-                                </div>
-                              ) : commentMediaInfo.type === "video" ? (
-                                  <span key={`mob-ft${comment.cid}`} className="file-thumb-mobile">
-                                    {isMobileThumbnailClicked[index] ? (
-                                      <video key={`fti-${index}`} 
-                                      src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                                      controls
-                                      style={{ cursor: 'pointer' }} 
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                    ) : (
-                                      <video 
-                                        key={`fti-${index}`}
-                                        src={commentMediaInfo.url} 
-                                        alt="thumbnail"
-                                        onClick={() => {handleThumbnailClick(index, true)}}
-                                        style={{cursor: "pointer"}}
-                                        id="video-thumbnail-mobile"
-                                        onError={(e) => e.target.src = fallbackImgUrl} 
-                                      />
-                                    )}
-                                    {commentMediaInfo?.type === "video" || commentMediaInfo?.type ===  "iframe" ? (
-                                      isMobileThumbnailClicked[index] ? (
-                                        <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
-                                          <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
-                                          onClick={() => {handleThumbnailClick(index, true)}}
-                                          >Close</span>
-                                        </div>
-                                      ) : (
-                                        <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
-                                    )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
-                                  </span>
-                              ) : commentMediaInfo.type === "audio" ? (
-                                  <span key={`mob-ft${comment.cid}`} className="file-thumb-mobile">
-                                    <audio key={`mob-img-${index}`} 
-                                    src={commentMediaInfo.url} alt={commentMediaInfo.type} 
-                                    onError={(e) => e.target.src = fallbackImgUrl} />
-                                    <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                  </span>
-                              ) : null
-                            ) : null}
-                          </div>
+                                data-tooltip-place='top'
+                              >
+                                {comment.title.slice(0, 30) + ' (...)'}
+                              </span>
+                            </>
+                          ) : (
+                            <span key={`mob-t-${'pending'}`} className='subject-mobile'>
+                              {comment.title}
+                            </span>
+                          )
                         ) : null}
-                      <blockquote key={`mob-bq-${"pending"}`} className="post-message-mobile">
-                        {comment.content ? (
-                          <>
-                            <Post content={comment.content} handleQuoteClick={handleQuoteClick} comment={comment} key={`post-mobile-${"pending"}`} /> 
-                          </>
-                        ) : null}
-                      </blockquote>
+                      </span>
+                      <span key={`mob-dt-${'pending'}`} className='date-time-mobile'>
+                        {getDate(comment?.timestamp)}
+                        &nbsp;
+                        <button id='reply-button' style={{ all: 'unset' }} key={`mob-no-${'pending'}`}>
+                          c/
+                        </button>
+                        &nbsp;
+                        <span key='pending-mob' style={{ color: 'red', fontWeight: '700' }}>
+                          Pending
+                        </span>
+                      </span>
                     </div>
+                    {comment.link ? (
+                      <div key={`mob-f-${index}`} className='file-mobile'>
+                        {commentMediaInfo?.type === 'iframe' && (
+                          <div key={`enlarge-mob-${index}`} className='img-container'>
+                            <span key={`mob-fta-${index}`} className='file-thumb-mobile'>
+                              {(isMobileThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
+                                <div style={{ width: '92vw' }}>
+                                  <iframe
+                                    key={`mob-fti-${index}`}
+                                    src={commentMediaInfo.embedUrl}
+                                    style={{ border: 'none', height: '250px' }}
+                                    title='Embedded content'
+                                    allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
+                                    allowFullScreen
+                                  />
+                                </div>
+                              ) : (
+                                <img
+                                  key={`mob-fti-${index}`}
+                                  src={commentMediaInfo.thumbnail}
+                                  alt='thumbnail'
+                                  onClick={() => {
+                                    handleThumbnailClick(index, true);
+                                  }}
+                                  style={{ cursor: 'pointer' }}
+                                  onError={(e) => (e.target.src = fallbackImgUrl)}
+                                />
+                              )}
+                              {commentMediaInfo?.type === 'video' || commentMediaInfo?.type === 'iframe' ? (
+                                isMobileThumbnailClicked[index] ? (
+                                  <div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
+                                    <span
+                                      className='button-mobile'
+                                      style={{ float: 'none', cursor: 'pointer' }}
+                                      onClick={() => {
+                                        handleThumbnailClick(index, true);
+                                      }}
+                                    >
+                                      Close
+                                    </span>
+                                  </div>
+                                ) : (
+                                  <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                    video
+                                  </div>
+                                )
+                              ) : (
+                                <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                  video
+                                </div>
+                              )}
+                            </span>
+                          </div>
+                        )}
+                        {commentMediaInfo?.url ? (
+                          commentMediaInfo.type === 'webpage' ? (
+                            <div key={`enlarge-mob-${index}`} className='img-container'>
+                              <span key={`mob-ft${comment.cid}`} className='file-thumb-mobile'>
+                                {comment.thumbnailUrl ? (
+                                  <img
+                                    key={`mob-img-${index}`}
+                                    src={commentMediaInfo.thumbnail}
+                                    alt='thumbnail'
+                                    onClick={handleImageClick}
+                                    style={{ cursor: 'pointer' }}
+                                    onError={(e) => (e.target.src = fallbackImgUrl)}
+                                  />
+                                ) : null}
+                                <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                  {commentMediaInfo?.type}
+                                </div>
+                              </span>
+                            </div>
+                          ) : commentMediaInfo.type === 'image' ? (
+                            <div key={`enlarge-mob-${index}`} className='img-container'>
+                              <span key={`mob-ft${comment.cid}`} className='file-thumb-mobile'>
+                                <img
+                                  key={`mob-img-${index}`}
+                                  src={commentMediaInfo.url}
+                                  alt={commentMediaInfo.type}
+                                  onClick={handleImageClick}
+                                  style={{ cursor: 'pointer' }}
+                                  onError={(e) => (e.target.src = fallbackImgUrl)}
+                                />
+                                <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                  {commentMediaInfo?.type}
+                                </div>
+                              </span>
+                            </div>
+                          ) : commentMediaInfo.type === 'video' ? (
+                            <span key={`mob-ft${comment.cid}`} className='file-thumb-mobile'>
+                              {isMobileThumbnailClicked[index] ? (
+                                <video
+                                  key={`fti-${index}`}
+                                  src={commentMediaInfo.url}
+                                  alt={commentMediaInfo.type}
+                                  controls
+                                  style={{ cursor: 'pointer' }}
+                                  onError={(e) => (e.target.src = fallbackImgUrl)}
+                                />
+                              ) : (
+                                <video
+                                  key={`fti-${index}`}
+                                  src={commentMediaInfo.url}
+                                  alt='thumbnail'
+                                  onClick={() => {
+                                    handleThumbnailClick(index, true);
+                                  }}
+                                  style={{ cursor: 'pointer' }}
+                                  id='video-thumbnail-mobile'
+                                  onError={(e) => (e.target.src = fallbackImgUrl)}
+                                />
+                              )}
+                              {commentMediaInfo?.type === 'video' || commentMediaInfo?.type === 'iframe' ? (
+                                isMobileThumbnailClicked[index] ? (
+                                  <div style={{ textAlign: 'center', marginTop: '15px', marginBottom: '15px' }}>
+                                    <span
+                                      className='button-mobile'
+                                      style={{ float: 'none', cursor: 'pointer' }}
+                                      onClick={() => {
+                                        handleThumbnailClick(index, true);
+                                      }}
+                                    >
+                                      Close
+                                    </span>
+                                  </div>
+                                ) : (
+                                  <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                    video
+                                  </div>
+                                )
+                              ) : (
+                                <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                  video
+                                </div>
+                              )}
+                            </span>
+                          ) : commentMediaInfo.type === 'audio' ? (
+                            <span key={`mob-ft${comment.cid}`} className='file-thumb-mobile'>
+                              <audio key={`mob-img-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => (e.target.src = fallbackImgUrl)} />
+                              <div key={`mob-fi-${index}`} className='file-info-mobile'>
+                                {commentMediaInfo?.type}
+                              </div>
+                            </span>
+                          ) : null
+                        ) : null}
+                      </div>
+                    ) : null}
+                    <blockquote key={`mob-bq-${'pending'}`} className='post-message-mobile'>
+                      {comment.content ? (
+                        <>
+                          <Post content={comment.content} handleQuoteClick={handleQuoteClick} comment={comment} key={`post-mobile-${'pending'}`} />
+                        </>
+                      ) : null}
+                    </blockquote>
                   </div>
+                </div>
               </div>
               <BottomBar selectedStyle={selectedStyle}>
-                  <div id="bottombar-desktop">
-                    <hr />
-                  </div>
+                <div id='bottombar-desktop'>
+                  <hr />
+                </div>
               </BottomBar>
             </>
           ) : (
             <PostLoader />
           )}
         </BoardForm>
-        <div style={{
-          textAlign: "center",
-          fontSize: "11px",
-          marginTop: "2em",
-          marginBottom: "2em",
-        }}>
-          plebchan v{version}{commitRef}. GPL-2.0
+        <div
+          style={{
+            textAlign: 'center',
+            fontSize: '11px',
+            marginTop: '2em',
+            marginBottom: '2em',
+          }}
+        >
+          plebchan v{version}
+          {commitRef}. GPL-2.0
         </div>
       </Container>
     </>
   );
-}
+};
 
-export default Pending;
\ No newline at end of file
+export default Pending;
diff --git a/src/components/views/Rules.jsx b/src/components/views/Rules.jsx
index da47c8c5..a3c6080a 100644
--- a/src/components/views/Rules.jsx
+++ b/src/components/views/Rules.jsx
@@ -206,7 +206,7 @@ const Rules = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -239,7 +239,7 @@ const Rules = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -655,7 +655,7 @@ const Rules = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx
index 627f19f3..7e526d5d 100755
--- a/src/components/views/Subscriptions.jsx
+++ b/src/components/views/Subscriptions.jsx
@@ -606,7 +606,7 @@ const Subscriptions = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -638,7 +638,7 @@ const Subscriptions = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -3322,7 +3322,7 @@ const Subscriptions = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/SubscriptionsCatalog.jsx b/src/components/views/SubscriptionsCatalog.jsx
index b1087400..69ec3f70 100755
--- a/src/components/views/SubscriptionsCatalog.jsx
+++ b/src/components/views/SubscriptionsCatalog.jsx
@@ -849,7 +849,7 @@ const SubscriptionsCatalog = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -881,7 +881,7 @@ const SubscriptionsCatalog = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -1040,7 +1040,7 @@ const SubscriptionsCatalog = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 586dbeaa..87e51a1a 100755
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -700,7 +700,7 @@ const Thread = () => {
                   window.electron && window.electron.isElectron
                     ? setIsCreateBoardOpen(true)
                     : alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       );
                 }}
               >
@@ -733,7 +733,7 @@ const Thread = () => {
                     style={{ cursor: 'pointer' }}
                     onClick={() =>
                       alert(
-                        'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                        'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                       )
                     }
                   >
@@ -860,7 +860,7 @@ const Thread = () => {
                 </td>
               </tr>
               <tr data-type='File'>
-                <td>Embed File</td>
+                <td>Link</td>
                 <td>
                   <input name='embed' type='text' tabIndex={7} placeholder='Paste link' ref={linkRef} />
                   <button
@@ -3159,7 +3159,7 @@ const Thread = () => {
                     window.electron && window.electron.isElectron
                       ? setIsCreateBoardOpen(true)
                       : alert(
-                          'You can create a board with the desktop version of plebchan:\nhttps://github.com/plebbit/plebchan/releases/latest\n\nIf you are comfortable with the command line, use plebbit-cli:\nhttps://github.com/plebbit/plebbit-cli\n\n',
+                          'HOW TO CREATE A BOARD (currently via CLI only):\n\n(1) have a computer you can use as server, because users will connect to your board peer-to-peer;\n\n(2) go to https://github.com/plebbit/plebbit-cli#install and follow the instructions to run your daemon, create a subplebbit (board) and edit its settings;\n\n(3) users can always connect to your board via its address, but it can be added below by submitting a pull request here: https://github.com/plebbit/temporary-default-subplebbits. This will be automated with a plebbit DAO using the plebbit token.',
                         );
                   }}
                 >
diff --git a/yarn.lock b/yarn.lock
index fa8ff152..3949ab5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2817,21 +2817,6 @@
   dependencies:
     debug "4.3.3"
 
-"@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#0024401c390929e47b44331a8dadd61ba212b871":
-  version "0.0.1"
-  resolved "https://github.com/plebbit/plebbit-react-hooks.git#0024401c390929e47b44331a8dadd61ba212b871"
-  dependencies:
-    "@plebbit/plebbit-js" "https://github.com/plebbit/plebbit-js.git#6985b2a4194328752c6d76e80470c8079c562869"
-    "@plebbit/plebbit-logger" "https://github.com/plebbit/plebbit-logger.git"
-    assert "2.0.0"
-    ethers "5.6.9"
-    localforage "1.10.0"
-    lodash.isequal "4.5.0"
-    memoizee "0.4.15"
-    quick-lru "5.1.1"
-    uuid "8.3.2"
-    zustand "4.0.0"
-
 "@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#b6477148191a501aa0b0c11acfc4761aca0dcc1e":
   version "0.0.1"
   resolved "https://github.com/plebbit/plebbit-react-hooks.git#b6477148191a501aa0b0c11acfc4761aca0dcc1e"