added IPFS loading indicator

src/components/views/Board.jsx

@@ -373,6 +373,9 @@ const Board = () => {
           <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
           ]
         </div>
+        <div id="stats" style={{float: "right", marginTop: "5px"}}>
+          {feed.length > 0 ? (null) : (<span>Fetching IPFS...</span>)}
+        </div>
         <div id="catalog-button-mobile">
           <span className="btn-wrap">
             <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>

src/components/views/Catalog.jsx

@@ -321,6 +321,9 @@ const Catalog = () => {
             <Link to={`/${selectedAddress}`}>Return</Link>
           </span>
         </div>
+        <div id="stats" style={{float: "right", marginTop: "5px"}}>
+          {feed.length > 0 ? (null) : (<span>Fetching IPFS...</span>)}
+        </div>
         <hr />
       </TopBar>
       <Threads selectedStyle={selectedStyle}>

src/components/views/Thread.jsx

@@ -378,10 +378,10 @@ const Thread = () => {
               <span className="reply-stat">No replies yet</span>
             )
           ) : (
-            <span className="reply-stat">Loading...</span>
+            <span className="reply-stat">Fetching IPFS...</span>
           )
         ) : (
-          null
+          <span className="reply-stat">Fetching IPFS...</span>
         )}
         <hr />
       </TopBar>

src/components/views/styles/Board.styled.jsx

@@ -1399,7 +1399,7 @@ export const TopBar = styled.div`
     }
   }
 
-${({ selectedStyle }) => {
+  ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':
         return `.btn-wrap {