added navbar for mobile

src/components/Catalog.jsx

@@ -227,10 +227,33 @@ const Catalog = ({ setBodyStyle }) => {
               ] 
             </span>
           ))}
-          <span className="nav">[
-            <Link id="home-button" to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
-            )}>Home</Link>]&nbsp;
+          <span className="nav">
+            [
+            <a href={handleVoidClick}>Settings</a>
+            ]
+            [
+            <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
+            )}>Home</Link>
+            ]
           </span>
+          <div id="board-nav-mobile">
+            <div className="board-select">
+              <strong>Board</strong>
+              &nbsp;
+              <select id="board-select-mobile">
+                {defaultSubplebbits.map(subplebbit => (
+                  <option key={`option-${subplebbit.address}`} value={subplebbit.address} onClick={() => handleClick(subplebbit.title, subplebbit.address)}>{subplebbit.title}</option>))}
+              </select>
+            </div>
+            <div className="page-jump">
+              <a href={handleVoidClick}>Settings</a>
+              &nbsp;
+              <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
+                )}>Home</Link>
+            </div>
+          </div>
+          <div id="separator-mobile">&nbsp;</div>
+          <div id="separator-mobile">&nbsp;</div>
         </>
       </NavBar>
       <Header selectedStyle={selectedStyle}>