fix(home): fix rerender with useEffect dep

src/components/views/Home.jsx

@@ -64,7 +64,10 @@ const Home = () => {
   const sfwAddresses = defaultSubplebbits.map((subplebbit) => subplebbit.address);
   const sfwSubs = useSubplebbits({ subplebbitAddresses: sfwAddresses });
   const sfwList = sfwSubs.subplebbits.map((subplebbit) => subplebbit?.address);
-  const subplebbitToCid = {};
+  const [sfwListCids, setSfwListCids] = useState([]);
+
+  useEffect(() => {
+    let subplebbitToCid = {};
 
     sfwSubs.subplebbits.forEach((s) => {
       let maxTimestamp = -Infinity;
@@ -101,14 +104,16 @@ const Home = () => {
       }
     });
 
-  const sfwListCids = Object.values(subplebbitToCid)
+    const newSfwListCids = Object.values(subplebbitToCid)
       .sort((a, b) => b.timestamp - a.timestamp)
       .map((item) => item.cid)
       .slice(0, 8);
 
+    setSfwListCids(newSfwListCids);
+  }, [sfwSubs.subplebbits]);
+
   const account = useAccount();
   const navigate = useNavigate();
-  const isElectron = window.electron && window.electron.isElectron;
 
   const inputRef = useRef(null);
   const prevStyle = useRef(selectedStyle);