style(offline icon): use blue for loading, red for failed after 30 seconds

src/index.css

@@ -39,7 +39,7 @@ hr {
 }
 
 .yellowOfflineIcon {
-  background-image: url('/public/assets/icons/offline-yellow.png');
+  background-image: url('/public/assets/icons/offline-blue.png');
 }
 
 .redOfflineIcon {

src/stores/use-subplebbit-offline-store.ts

@@ -44,7 +44,7 @@ const useSubplebbitOfflineStore = create<SubplebbitOfflineStore>((set) => ({
           },
         },
       }));
-    }, 7000);
+    }, 30000);
   },
 }));