update offline indicator design and styling

src/components/OfflineIndicator.jsx

@@ -1,8 +1,7 @@
 import React from "react";
 import { useSubplebbit } from "@plebbit/plebbit-react-hooks";
 
-
-const OfflineIndicator = ({ address, className, tooltipPlace }) => {
+const OfflineIndicator = ({ address, className, tooltipPlace, isText }) => {
   const subplebbit = useSubplebbit({ subplebbitAddress: address });
   const isOnline = subplebbit.updatedAt > Date.now() / 1000 - 60 * 20;
 
@@ -10,15 +9,22 @@ const OfflineIndicator = ({ address, className, tooltipPlace }) => {
     <>
       {!isOnline && (
         <>
-          {" "}
-          <img
-            className={className}
-            alt="offline"
-            src="assets/offline.png"
-            data-tooltip-id="tooltip"
-            data-tooltip-content="Offline"
-            data-tooltip-place={tooltipPlace}
-          />
+          {isText ? (
+            <span
+              className={className}
+            >
+              (OFFLINE)
+            </span>
+          ) : (
+            <img
+              className={className}
+              alt="offline"
+              src="assets/offline.png"
+              data-tooltip-id="tooltip"
+              data-tooltip-content="Offline"
+              data-tooltip-place={tooltipPlace}
+            />
+          )}
         </>
       )}
     </>