feat: add telegram-style resource stream

src/layouts/PublicLayout.tsx

@@ -12,7 +12,6 @@ type PublicNavWhich =
   | "browseLatest"
   | "browseRecommended"
   | "browsePopular"
-  | "favorites"
   | "wallet"
   | "about";
 
@@ -36,8 +35,6 @@ function navIsActive(
       return pathname === "/browse" && sp.get("sort") === "recommended";
     case "browsePopular":
       return pathname === "/browse" && sp.get("sort") === "popular";
-    case "favorites":
-      return pathname === "/favorites";
     case "wallet":
       return pathname === "/wallet";
     case "about":
@@ -136,13 +133,6 @@ export function PublicLayout() {
               >
                 {t("popular")}
               </Link>
-              <Link
-                to="/favorites"
-                className={navClassName(na("favorites"))}
-                aria-current={na("favorites") ? "page" : undefined}
-              >
-                {t("favorites")}
-              </Link>
               <Link
                 to="/wallet"
                 className={navClassName(na("wallet"))}
@@ -228,14 +218,6 @@ export function PublicLayout() {
             >
               {t("categories")}
             </Link>
-            <Link
-              to="/favorites"
-              className={navClassName(na("favorites"))}
-              aria-current={na("favorites") ? "page" : undefined}
-              onClick={() => setOpen(false)}
-            >
-              {t("favorites")}
-            </Link>
             <Link
               to="/browse?sort=latest"
               className={navClassName(na("browseLatest"))}
@@ -326,10 +308,10 @@ export function PublicLayout() {
             }
           />
           <BottomNavIcon
-            to="/favorites"
-            label={t("favorites")}
-            icon="heart"
-            active={pathname === "/favorites"}
+            to="/wallet"
+            label={t("wallet")}
+            icon="profile"
+            active={pathname === "/wallet"}
           />
           <BottomNavIcon
             to="/browse?sort=latest"
@@ -356,7 +338,7 @@ function BottomNavIcon({
 }: {
   to: string;
   label: string;
-  icon: "home" | "document" | "heart" | "update";
+  icon: "home" | "document" | "profile" | "update";
   active: boolean;
 }) {
   const src = active