fix: firefox/safari to redirect to /explore in HomeLayout (#3001)

web/src/layouts/HomeLayout.tsx

 import { Button, IconButton, Tooltip } from "@mui/joy";
 import classNames from "classnames";
-import { Suspense } from "react";
+import { Suspense, useEffect } from "react";
 import { Outlet, useLocation } from "react-router-dom";
 import useLocalStorage from "react-use/lib/useLocalStorage";
 import Icon from "@/components/Icon";
@@ -19,6 +19,7 @@ const HomeLayout = () => {
   const [collapsed, setCollapsed] = useLocalStorage<boolean>("navigation-collapsed", false);
 
   // Redirect to explore page if not logged in.
+  useEffect(() => {
     if (
       !currentUser &&
       ([Routes.HOME, Routes.TIMELINE, Routes.RESOURCES, Routes.INBOX, Routes.ARCHIVED, Routes.SETTING] as string[]).includes(
@@ -26,8 +27,8 @@ const HomeLayout = () => {
       )
     ) {
       navigateTo("/explore");
-    return;
     }
+  }, []);
 
   return (
     <div className="w-full min-h-full">