feat: connect wallet favorites to backend

src/layouts/PublicLayout.tsx

@@ -1,4 +1,10 @@
-import { ChevronDown, Menu, Search as SearchIcon, X } from "lucide-react";
+import {
+  ChevronDown,
+  Heart,
+  Menu,
+  Search as SearchIcon,
+  X,
+} from "lucide-react";
 import { AnimatePresence, m } from "framer-motion";
 import { useEffect, useRef, useState } from "react";
 import { Link, useLocation, useNavigate, useOutlet } from "react-router-dom";
@@ -690,6 +696,20 @@ export function PublicLayout() {
                 ariaLabel={t("langLabel")}
                 className="hidden h-10 w-36 md:block lg:w-40"
               />
+              <Link
+                to={lp("/favorites")}
+                reloadDocument
+                onClick={() => window.scrollTo({ top: 0, left: 0 })}
+                className={`hidden h-10 shrink-0 items-center justify-center gap-2 rounded-full border px-3 text-sm font-bold outline-none transition focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:inline-flex ${
+                  na("favorites")
+                    ? "border-ark-gold bg-ark-gold text-black"
+                    : "border-ark-line bg-[#1a1b20] text-neutral-200 hover:border-ark-gold/50 hover:text-ark-gold"
+                }`}
+                aria-current={na("favorites") ? "page" : undefined}
+              >
+                <Heart className="h-[18px] w-[18px]" strokeWidth={2.2} />
+                <span className="hidden xl:inline">{t("favorites")}</span>
+              </Link>
               <div className="hidden md:block">
                 <WalletButton />
               </div>