From 5e39d3eaf5fe9a453c8ee96743c6e0d8401dfd65 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:10:47 +0200
Subject: [PATCH 1/9] Sidebar Update: Share and Notifications

Signed-off-by: prxt6529 <prxt@6529.io>
---
 components/header/share/HeaderShare.tsx       |  2 +-
 .../user/proxy/HeaderUserProxyDropdown.tsx    | 19 +++++++++++-
 components/layout/sidebar/WebSidebar.tsx      | 29 +++++++++++++++++--
 components/layout/sidebar/WebSidebarNav.tsx   | 26 ++++++++++-------
 components/layout/sidebar/WebSidebarUser.tsx  | 22 ++++++++++++--
 5 files changed, 81 insertions(+), 17 deletions(-)

diff --git a/components/header/share/HeaderShare.tsx b/components/header/share/HeaderShare.tsx
index d36524e9c5..dccffc6ec0 100644
--- a/components/header/share/HeaderShare.tsx
+++ b/components/header/share/HeaderShare.tsx
@@ -97,7 +97,7 @@ export default function HeaderShare({
   );
 }
 
-function HeaderQRModal({
+export function HeaderQRModal({
   show,
   onClose,
 }: {
diff --git a/components/header/user/proxy/HeaderUserProxyDropdown.tsx b/components/header/user/proxy/HeaderUserProxyDropdown.tsx
index f1f29a47a7..eb4a6105fe 100644
--- a/components/header/user/proxy/HeaderUserProxyDropdown.tsx
+++ b/components/header/user/proxy/HeaderUserProxyDropdown.tsx
@@ -7,6 +7,7 @@ import {
   faRightFromBracket,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ShareIcon } from "@heroicons/react/24/outline";
 import { AnimatePresence, motion } from "framer-motion";
 import { useContext, useEffect, useState } from "react";
 import { AuthContext } from "@/components/auth/Auth";
@@ -20,10 +21,12 @@ export default function HeaderUserProxyDropdown({
   isOpen,
   profile,
   onClose,
+  onOpenShare,
 }: {
   readonly isOpen: boolean;
   readonly profile: ApiIdentity;
   readonly onClose: () => void;
+  readonly onOpenShare?: (() => void) | undefined;
 }) {
   const {
     address,
@@ -136,7 +139,7 @@ export default function HeaderUserProxyDropdown({
                         accounts={availableConnectedAccounts.map((account) => ({
                           ...account,
                           unreadNotificationsCount:
-                            connectedAccountUnreadNotifications[
+                            (connectedAccountUnreadNotifications ?? {})[
                               account.address.toLowerCase()
                             ] ?? 0,
                         }))}
@@ -280,6 +283,20 @@ export default function HeaderUserProxyDropdown({
                       </button>
                     )}
                   </div>
+                  <div className="tw-h-full tw-px-2 tw-pt-2">
+                    {onOpenShare && (
+                      <button
+                        onClick={onOpenShare}
+                        type="button"
+                        aria-label="Share"
+                        title="Share"
+                        className="tw-relative tw-flex tw-h-full tw-w-full tw-cursor-pointer tw-select-none tw-items-center tw-gap-x-3 tw-rounded-lg tw-border-none tw-bg-transparent tw-px-3 tw-py-2.5 tw-text-left tw-text-md tw-font-medium tw-text-iron-300 tw-transition tw-duration-300 tw-ease-out hover:tw-bg-iron-700 hover:tw-text-iron-50 focus:tw-outline-none focus:tw-ring-1 focus:tw-ring-primary-400"
+                      >
+                        <ShareIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0" />
+                        <span>Share</span>
+                      </button>
+                    )}
+                  </div>
                   <div className="tw-h-full tw-px-2 tw-pt-2">
                     <button
                       onClick={() => {
diff --git a/components/layout/sidebar/WebSidebar.tsx b/components/layout/sidebar/WebSidebar.tsx
index 34caae2399..0b3a6825b3 100644
--- a/components/layout/sidebar/WebSidebar.tsx
+++ b/components/layout/sidebar/WebSidebar.tsx
@@ -3,6 +3,8 @@
 import { usePathname } from "next/navigation";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Tooltip as ReactTooltip } from "react-tooltip";
+import BellIcon from "@/components/common/icons/BellIcon";
+import { useUnreadNotifications } from "@/hooks/useUnreadNotifications";
 import { useIdentity } from "../../../hooks/useIdentity";
 import { useAuth } from "../../auth/Auth";
 import { useSeizeConnectContext } from "../../auth/SeizeConnectContext";
@@ -40,6 +42,9 @@ function WebSidebar({
     handleOrWallet: address || "",
     initialProfile: null,
   });
+  const { haveUnreadNotifications } = useUnreadNotifications(
+    connectedProfile?.handle ?? null
+  );
   const profilePath = useMemo(() => {
     if (connectedProfile?.handle) return `/${connectedProfile.handle}`;
     if (address) return `/${address}`;
@@ -172,9 +177,27 @@ function WebSidebar({
               data-sidebar-scroll="true"
             >
               <div className="tw-flex-1">
-                <WebSidebarNav ref={navRef} isCollapsed={shouldShowCollapsed} />
+                <WebSidebarNav
+                  ref={navRef}
+                  isCollapsed={shouldShowCollapsed}
+                  isMobile={isMobile}
+                  showNotifications={Boolean(address)}
+                />
               </div>
 
+              {!isMobile && address && (
+                <div className="tw-px-3 tw-pt-2">
+                  <WebSidebarNavItem
+                    href="/notifications"
+                    icon={BellIcon}
+                    active={pathname?.startsWith("/notifications") || false}
+                    collapsed={shouldShowCollapsed}
+                    label="Notifications"
+                    hasIndicator={haveUnreadNotifications}
+                  />
+                </div>
+              )}
+
               {profilePath && (
                 <div className="tw-px-3 tw-pt-2">
                   <WebSidebarNavItem
@@ -188,7 +211,9 @@ function WebSidebar({
                 </div>
               )}
 
-              <HeaderShare isCollapsed={shouldShowCollapsed} />
+              {!isMobile && !address && (
+                <HeaderShare isCollapsed={shouldShowCollapsed} />
+              )}
 
               <WebSidebarUser
                 isCollapsed={shouldShowCollapsed}
diff --git a/components/layout/sidebar/WebSidebarNav.tsx b/components/layout/sidebar/WebSidebarNav.tsx
index daf86263d6..b2a57b4a93 100644
--- a/components/layout/sidebar/WebSidebarNav.tsx
+++ b/components/layout/sidebar/WebSidebarNav.tsx
@@ -30,12 +30,14 @@ import WebSidebarSubmenu from "./nav/WebSidebarSubmenu";
 
 interface WebSidebarNavProps {
   readonly isCollapsed: boolean;
+  readonly isMobile: boolean;
+  readonly showNotifications: boolean;
 }
 
 const WebSidebarNav = React.forwardRef<
   { closeSubmenu: () => void },
   WebSidebarNavProps
->(({ isCollapsed = false }, ref) => {
+>(({ isCollapsed = false, isMobile, showNotifications }, ref) => {
   const pathname = usePathname();
   const capacitor = useCapacitor();
   const { country } = useCookieConsent();
@@ -286,16 +288,18 @@ const WebSidebarNav = React.forwardRef<
             </li>
           )}
 
-          <li>
-            <WebSidebarNavItem
-              href="/notifications"
-              icon={BellIcon}
-              active={pathname?.startsWith("/notifications") || false}
-              collapsed={isCollapsed}
-              label="Notifications"
-              hasIndicator={haveUnreadNotifications}
-            />
-          </li>
+          {isMobile && showNotifications && (
+            <li>
+              <WebSidebarNavItem
+                href="/notifications"
+                icon={BellIcon}
+                active={pathname?.startsWith("/notifications") || false}
+                collapsed={isCollapsed}
+                label="Notifications"
+                hasIndicator={haveUnreadNotifications}
+              />
+            </li>
+          )}
 
           <li>
             <WebSidebarNavItem
diff --git a/components/layout/sidebar/WebSidebarUser.tsx b/components/layout/sidebar/WebSidebarUser.tsx
index 6896b7a821..4e48757aef 100644
--- a/components/layout/sidebar/WebSidebarUser.tsx
+++ b/components/layout/sidebar/WebSidebarUser.tsx
@@ -7,6 +7,7 @@ import {
 import { memo, useEffect, useRef, useState } from "react";
 import { useClickAway } from "react-use";
 import { getConnectionProfileIndicator } from "@/components/auth/connection-state-indicator";
+import { HeaderQRModal } from "@/components/header/share/HeaderShare";
 import { useSeizeConnectContext } from "@/components/auth/SeizeConnectContext";
 import HeaderUserConnect from "@/components/header/user/HeaderUserConnect";
 import HeaderUserProxyDropdown from "@/components/header/user/proxy/HeaderUserProxyDropdown";
@@ -17,6 +18,8 @@ import {
   isAutoGeneratedHandle,
   isEthereumAddress,
 } from "@/helpers/AllowlistToolHelpers";
+import useIsMobileDevice from "@/hooks/isMobileDevice";
+import useCapacitor from "@/hooks/useCapacitor";
 import { useIdentity } from "@/hooks/useIdentity";
 
 interface WebSidebarUserProps {
@@ -30,6 +33,10 @@ function WebSidebarUser({
 }: WebSidebarUserProps) {
   const PROFILE_DOUBLE_ACTIVATE_DELAY_MS = 280;
   const [showUserMenu, setShowUserMenu] = useState(false);
+  const [showShareModal, setShowShareModal] = useState(false);
+  const capacitor = useCapacitor();
+  const isMobileDevice = useIsMobileDevice();
+  const canUseDesktopShare = !capacitor.isCapacitor && !isMobileDevice;
   const {
     address,
     seizeConnect,
@@ -144,8 +151,9 @@ function WebSidebarUser({
   const hasUnreadOnOtherConnectedProfiles = connectedAccounts.some(
     (account) =>
       !account.isActive &&
-      (connectedAccountUnreadNotifications[account.address.toLowerCase()] ?? 0) >
-        0
+      ((connectedAccountUnreadNotifications ?? {})[
+        account.address.toLowerCase()
+      ] ?? 0) > 0
   );
 
   const switchToNextConnectedAccount = (): boolean => {
@@ -176,6 +184,11 @@ function WebSidebarUser({
     setShowUserMenu((current) => !current);
   };
 
+  const onOpenShare = () => {
+    setShowUserMenu(false);
+    setShowShareModal(true);
+  };
+
   const onProfileActivate = () => {
     if (profileClickTimeoutRef.current) {
       clearTimeout(profileClickTimeoutRef.current);
@@ -272,9 +285,14 @@ function WebSidebarUser({
             profile={profile}
             isOpen={showUserMenu}
             onClose={() => setShowUserMenu(false)}
+            onOpenShare={canUseDesktopShare ? onOpenShare : undefined}
           />
         </div>
       )}
+      <HeaderQRModal
+        show={canUseDesktopShare && showShareModal}
+        onClose={() => setShowShareModal(false)}
+      />
     </div>
   );
 }

From 4fe6fdef31c1a70afd4be1dbce0d71926ff6488e Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:13:23 +0200
Subject: [PATCH 2/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 components/header/user/proxy/HeaderUserProxyDropdown.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/header/user/proxy/HeaderUserProxyDropdown.tsx b/components/header/user/proxy/HeaderUserProxyDropdown.tsx
index eb4a6105fe..ad161df662 100644
--- a/components/header/user/proxy/HeaderUserProxyDropdown.tsx
+++ b/components/header/user/proxy/HeaderUserProxyDropdown.tsx
@@ -283,8 +283,8 @@ export default function HeaderUserProxyDropdown({
                       </button>
                     )}
                   </div>
-                  <div className="tw-h-full tw-px-2 tw-pt-2">
-                    {onOpenShare && (
+                  {onOpenShare && (
+                    <div className="tw-h-full tw-px-2 tw-pt-2">
                       <button
                         onClick={onOpenShare}
                         type="button"
@@ -295,8 +295,8 @@ export default function HeaderUserProxyDropdown({
                         <ShareIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0" />
                         <span>Share</span>
                       </button>
-                    )}
-                  </div>
+                    </div>
+                  )}
                   <div className="tw-h-full tw-px-2 tw-pt-2">
                     <button
                       onClick={() => {

From b5275ad7f810ee66b7c0840b2aded561408d56d5 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:15:51 +0200
Subject: [PATCH 3/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 package-lock.json | 84 +++++++++++++++++++++++++----------------------
 1 file changed, 44 insertions(+), 40 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 73c6480d2e..ac79bd804a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2423,6 +2423,29 @@
         "node": ">=18"
       }
     },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.1.tgz",
+      "integrity": "sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "dev": true,
@@ -14693,68 +14716,47 @@
       }
     },
     "node_modules/eslint-plugin-sonarjs": {
-      "version": "3.0.5",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-3.0.7.tgz",
+      "integrity": "sha512-62jB20krIPvcwBLAyG3VVKa2ce2j2lL1yCb8Y0ylMRR/dLvCCTiQx8gQbXb+G81k1alPZ2/I3muZinqWQdBbzw==",
       "dev": true,
       "license": "LGPL-3.0-only",
       "dependencies": {
-        "@eslint-community/regexpp": "4.12.1",
+        "@eslint-community/regexpp": "4.12.2",
         "builtin-modules": "3.3.0",
         "bytes": "3.1.2",
         "functional-red-black-tree": "1.0.1",
         "jsx-ast-utils-x": "0.1.0",
         "lodash.merge": "4.6.2",
-        "minimatch": "9.0.5",
+        "minimatch": "10.1.2",
         "scslre": "0.3.0",
-        "semver": "7.7.2",
+        "semver": "7.7.4",
         "typescript": ">=5"
       },
       "peerDependencies": {
         "eslint": "^8.0.0 || ^9.0.0"
       }
     },
-    "node_modules/eslint-plugin-sonarjs/node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-sonarjs/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/eslint-plugin-sonarjs/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/eslint-plugin-sonarjs/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.2.tgz",
+      "integrity": "sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "@isaacs/brace-expansion": "^5.0.1"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": "20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/eslint-plugin-sonarjs/node_modules/semver": {
-      "version": "7.7.2",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -16097,9 +16099,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.3",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.3.tgz",
-      "integrity": "sha512-SFsVSjp8sj5UumXOOFlkZOG6XS9SJDKw0TbwFeV+AJ8xlST8kxK5Z/5EYa111UY8732lK2S/xB653ceuaoGwpg==",
+      "version": "4.12.5",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.5.tgz",
+      "integrity": "sha512-3qq+FUBtlTHhtYxbxheZgY8NIFnkkC/MR8u5TTsr7YZ3wixryQ3cCwn3iZbg8p8B88iDBBAYSfZDS75t8MN7Vg==",
       "license": "MIT",
       "engines": {
         "node": ">=16.9.0"
@@ -16287,7 +16289,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "5.1.4",
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
       "license": "MIT"
     },
     "node_modules/import-fresh": {

From 4e27ab4a86910f37688220851c2743c4ed2583e9 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:44:07 +0200
Subject: [PATCH 4/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 components/layout/sidebar/WebSidebar.tsx    | 13 +++----
 components/layout/sidebar/WebSidebarNav.tsx | 40 ++++++---------------
 2 files changed, 14 insertions(+), 39 deletions(-)

diff --git a/components/layout/sidebar/WebSidebar.tsx b/components/layout/sidebar/WebSidebar.tsx
index 0b3a6825b3..4eb7342550 100644
--- a/components/layout/sidebar/WebSidebar.tsx
+++ b/components/layout/sidebar/WebSidebar.tsx
@@ -177,15 +177,10 @@ function WebSidebar({
               data-sidebar-scroll="true"
             >
               <div className="tw-flex-1">
-                <WebSidebarNav
-                  ref={navRef}
-                  isCollapsed={shouldShowCollapsed}
-                  isMobile={isMobile}
-                  showNotifications={Boolean(address)}
-                />
+                <WebSidebarNav ref={navRef} isCollapsed={shouldShowCollapsed} />
               </div>
 
-              {!isMobile && address && (
+              {address && (
                 <div className="tw-px-3 tw-pt-2">
                   <WebSidebarNavItem
                     href="/notifications"
@@ -199,7 +194,7 @@ function WebSidebar({
               )}
 
               {profilePath && (
-                <div className="tw-px-3 tw-pt-2">
+                <div className="tw-px-3">
                   <WebSidebarNavItem
                     href={profilePath}
                     icon={UserIcon}
@@ -211,7 +206,7 @@ function WebSidebar({
                 </div>
               )}
 
-              {!isMobile && !address && (
+              {!address && (
                 <HeaderShare isCollapsed={shouldShowCollapsed} />
               )}
 
diff --git a/components/layout/sidebar/WebSidebarNav.tsx b/components/layout/sidebar/WebSidebarNav.tsx
index b2a57b4a93..4ff785c093 100644
--- a/components/layout/sidebar/WebSidebarNav.tsx
+++ b/components/layout/sidebar/WebSidebarNav.tsx
@@ -2,7 +2,6 @@
 
 import { useAppWallets } from "@/components/app-wallets/AppWalletsContext";
 import { useAuth } from "@/components/auth/Auth";
-import BellIcon from "@/components/common/icons/BellIcon";
 import ChatBubbleIcon from "@/components/common/icons/ChatBubbleIcon";
 import HomeIcon from "@/components/common/icons/HomeIcon";
 import WavesIcon from "@/components/common/icons/WavesIcon";
@@ -13,7 +12,6 @@ import CommonAnimationWrapper from "@/components/utils/animation/CommonAnimation
 import useCapacitor from "@/hooks/useCapacitor";
 import { useSectionMap, useSidebarSections } from "@/hooks/useSidebarSections";
 import { useUnreadIndicator } from "@/hooks/useUnreadIndicator";
-import { useUnreadNotifications } from "@/hooks/useUnreadNotifications";
 import { MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 import { usePathname } from "next/navigation";
 import React, {
@@ -30,26 +28,21 @@ import WebSidebarSubmenu from "./nav/WebSidebarSubmenu";
 
 interface WebSidebarNavProps {
   readonly isCollapsed: boolean;
-  readonly isMobile: boolean;
-  readonly showNotifications: boolean;
 }
 
 const WebSidebarNav = React.forwardRef<
   { closeSubmenu: () => void },
   WebSidebarNavProps
->(({ isCollapsed = false, isMobile, showNotifications }, ref) => {
-  const pathname = usePathname();
-  const capacitor = useCapacitor();
-  const { country } = useCookieConsent();
-  const { connectedProfile } = useAuth();
-  const { appWalletsSupported } = useAppWallets();
-  const { haveUnreadNotifications } = useUnreadNotifications(
-    connectedProfile?.handle ?? null
-  );
-  const { hasUnread: hasUnreadMessages } = useUnreadIndicator({
-    type: "messages",
-    handle: connectedProfile?.handle ?? null,
-  });
+>(({ isCollapsed = false }, ref) => {
+    const pathname = usePathname();
+    const capacitor = useCapacitor();
+    const { country } = useCookieConsent();
+    const { connectedProfile } = useAuth();
+    const { appWalletsSupported } = useAppWallets();
+    const { hasUnread: hasUnreadMessages } = useUnreadIndicator({
+      type: "messages",
+      handle: connectedProfile?.handle ?? null,
+    });
 
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [expandedKeys, setExpandedKeys] = useState<string[]>([]);
@@ -288,19 +281,6 @@ const WebSidebarNav = React.forwardRef<
             </li>
           )}
 
-          {isMobile && showNotifications && (
-            <li>
-              <WebSidebarNavItem
-                href="/notifications"
-                icon={BellIcon}
-                active={pathname?.startsWith("/notifications") || false}
-                collapsed={isCollapsed}
-                label="Notifications"
-                hasIndicator={haveUnreadNotifications}
-              />
-            </li>
-          )}
-
           <li>
             <WebSidebarNavItem
               onClick={(event?: React.MouseEvent) => {

From 092c429397696fc8718cea56ecdb34d5ccfdcc05 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:54:45 +0200
Subject: [PATCH 5/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 ...st.tsx => HeaderUserMenuDropdown.test.tsx} |  8 +++----
 .../HeaderUserProxyDropdownItem.test.tsx      | 22 +++++++++----------
 ...ropdown.tsx => HeaderUserMenuDropdown.tsx} |  4 ++--
 .../HeaderUserProxyDropdownItem.tsx           | 14 ++++++------
 components/layout/sidebar/WebSidebar.tsx      |  4 +---
 components/layout/sidebar/WebSidebarNav.tsx   | 18 +++++++--------
 components/layout/sidebar/WebSidebarUser.tsx  |  4 ++--
 7 files changed, 36 insertions(+), 38 deletions(-)
 rename __tests__/components/header/user/{proxy/HeaderUserProxyDropdown.test.tsx => HeaderUserMenuDropdown.test.tsx} (95%)
 rename __tests__/components/header/user/{proxy => }/HeaderUserProxyDropdownItem.test.tsx (50%)
 rename components/header/user/{proxy/HeaderUserProxyDropdown.tsx => HeaderUserMenuDropdown.tsx} (99%)
 rename components/header/user/{proxy => }/HeaderUserProxyDropdownItem.tsx (69%)

diff --git a/__tests__/components/header/user/proxy/HeaderUserProxyDropdown.test.tsx b/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
similarity index 95%
rename from __tests__/components/header/user/proxy/HeaderUserProxyDropdown.test.tsx
rename to __tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
index 1e1f0de990..8985b3ecdd 100644
--- a/__tests__/components/header/user/proxy/HeaderUserProxyDropdown.test.tsx
+++ b/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
-import HeaderUserProxyDropdown from "@/components/header/user/proxy/HeaderUserProxyDropdown";
+import HeaderUserMenuDropdown from "@/components/header/user/HeaderUserMenuDropdown";
 import { AuthContext } from "@/components/auth/Auth";
 
 jest.mock(
-  "@/components/header/user/proxy/HeaderUserProxyDropdownItem",
+  "@/components/header/user/HeaderUserProxyDropdownItem",
   () => () => <div data-testid="item" />
 );
 jest.mock(
@@ -62,7 +62,7 @@ function renderDropdown(options: any) {
   const onClose = jest.fn();
   render(
     <AuthContext.Provider value={authValue}>
-      <HeaderUserProxyDropdown
+      <HeaderUserMenuDropdown
         isOpen
         profile={options.profile}
         onClose={onClose}
@@ -74,7 +74,7 @@ function renderDropdown(options: any) {
 
 afterEach(() => jest.clearAllMocks());
 
-describe("HeaderUserProxyDropdown", () => {
+describe("HeaderUserMenuDropdown", () => {
   it("shows profile handle as label", () => {
     renderDropdown({
       profile: profileBase,
diff --git a/__tests__/components/header/user/proxy/HeaderUserProxyDropdownItem.test.tsx b/__tests__/components/header/user/HeaderUserProxyDropdownItem.test.tsx
similarity index 50%
rename from __tests__/components/header/user/proxy/HeaderUserProxyDropdownItem.test.tsx
rename to __tests__/components/header/user/HeaderUserProxyDropdownItem.test.tsx
index b0cf194e36..9e9cc860cb 100644
--- a/__tests__/components/header/user/proxy/HeaderUserProxyDropdownItem.test.tsx
+++ b/__tests__/components/header/user/HeaderUserProxyDropdownItem.test.tsx
@@ -1,14 +1,14 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import HeaderUserProxyDropdownItem from '@/components/header/user/proxy/HeaderUserProxyDropdownItem';
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import HeaderUserProxyDropdownItem from "@/components/header/user/HeaderUserProxyDropdownItem";
 
 const profile = {
   id: 1,
-  created_by: { handle: 'alice', pfp: 'img.png' }
+  created_by: { handle: "alice", pfp: "img.png" },
 };
 
-describe('HeaderUserProxyDropdownItem', () => {
-  it('activates proxy when not active', async () => {
+describe("HeaderUserProxyDropdownItem", () => {
+  it("activates proxy when not active", async () => {
     const activate = jest.fn();
     render(
       <HeaderUserProxyDropdownItem
@@ -17,13 +17,13 @@ describe('HeaderUserProxyDropdownItem', () => {
         onActivateProfileProxy={activate}
       />
     );
-    const btn = screen.getByRole('button');
+    const btn = screen.getByRole("button");
     await userEvent.click(btn);
     expect(activate).toHaveBeenCalledWith(profile);
-    expect(screen.getByText('alice')).toBeInTheDocument();
+    expect(screen.getByText("alice")).toBeInTheDocument();
   });
 
-  it('deactivates proxy when active', async () => {
+  it("deactivates proxy when active", async () => {
     const activate = jest.fn();
     render(
       <HeaderUserProxyDropdownItem
@@ -32,9 +32,9 @@ describe('HeaderUserProxyDropdownItem', () => {
         onActivateProfileProxy={activate}
       />
     );
-    const btn = screen.getByRole('button');
+    const btn = screen.getByRole("button");
     await userEvent.click(btn);
     expect(activate).toHaveBeenCalledWith(null);
-    expect(btn.querySelector('svg')).toBeInTheDocument();
+    expect(btn.querySelector("svg")).toBeInTheDocument();
   });
 });
diff --git a/components/header/user/proxy/HeaderUserProxyDropdown.tsx b/components/header/user/HeaderUserMenuDropdown.tsx
similarity index 99%
rename from components/header/user/proxy/HeaderUserProxyDropdown.tsx
rename to components/header/user/HeaderUserMenuDropdown.tsx
index ad161df662..c3ddf50138 100644
--- a/components/header/user/proxy/HeaderUserProxyDropdown.tsx
+++ b/components/header/user/HeaderUserMenuDropdown.tsx
@@ -14,10 +14,10 @@ import { AuthContext } from "@/components/auth/Auth";
 import { useSeizeConnectContext } from "@/components/auth/SeizeConnectContext";
 import type { ApiIdentity } from "@/generated/models/ApiIdentity";
 import type { ApiProfileProxy } from "@/generated/models/ApiProfileProxy";
-import HeaderUserConnectedAccounts from "../connected/HeaderUserConnectedAccounts";
+import HeaderUserConnectedAccounts from "./connected/HeaderUserConnectedAccounts";
 import HeaderUserProxyDropdownItem from "./HeaderUserProxyDropdownItem";
 
-export default function HeaderUserProxyDropdown({
+export default function HeaderUserMenuDropdown({
   isOpen,
   profile,
   onClose,
diff --git a/components/header/user/proxy/HeaderUserProxyDropdownItem.tsx b/components/header/user/HeaderUserProxyDropdownItem.tsx
similarity index 69%
rename from components/header/user/proxy/HeaderUserProxyDropdownItem.tsx
rename to components/header/user/HeaderUserProxyDropdownItem.tsx
index f14ec57708..c4011aa37e 100644
--- a/components/header/user/proxy/HeaderUserProxyDropdownItem.tsx
+++ b/components/header/user/HeaderUserProxyDropdownItem.tsx
@@ -21,14 +21,14 @@ export default function HeaderUserProxyDropdownItem({
           !isActive
             ? "tw-bg-transparent hover:tw-bg-iron-700"
             : "tw-bg-iron-700"
-        } tw-group tw-py-2.5 tw-w-full tw-h-full tw-border-none tw-text-left tw-flex tw-items-center tw-gap-x-3 tw-text-white tw-rounded-lg tw-relative tw-cursor-pointer tw-select-none tw-px-3 focus:tw-outline-none focus:tw-ring-1 focus:tw-ring-primary-400 tw-transition tw-duration-300 tw-ease-out`}
+        } tw-group tw-relative tw-flex tw-h-full tw-w-full tw-cursor-pointer tw-select-none tw-items-center tw-gap-x-3 tw-rounded-lg tw-border-none tw-px-3 tw-py-2.5 tw-text-left tw-text-white tw-transition tw-duration-300 tw-ease-out focus:tw-outline-none focus:tw-ring-1 focus:tw-ring-primary-400`}
         onClick={() => onActivateProfileProxy(isActive ? null : profileProxy)}
       >
         {profileProxy.created_by.pfp ? (
           <img
             src={profileProxy.created_by.pfp}
             alt="Profile Picture"
-            className="tw-flex-shrink-0 tw-h-6 tw-w-6 tw-flex-none tw-rounded-lg tw-bg-iron-800"
+            className="tw-h-6 tw-w-6 tw-flex-none tw-flex-shrink-0 tw-rounded-lg tw-bg-iron-800"
           />
         ) : (
           <div
@@ -36,22 +36,22 @@ export default function HeaderUserProxyDropdownItem({
               isActive
                 ? "tw-bg-iron-600"
                 : "tw-bg-iron-700 group-hover:tw-bg-iron-600"
-            } tw-flex-shrink-0 tw-h-6 tw-w-6 tw-flex-none tw-rounded-lg tw-transition tw-duration-300 tw-ease-out`}
+            } tw-h-6 tw-w-6 tw-flex-none tw-flex-shrink-0 tw-rounded-lg tw-transition tw-duration-300 tw-ease-out`}
           ></div>
         )}
-        <div className="tw-flex tw-justify-between tw-items-center tw-w-full">
-          <div className="tw-truncate tw-inline-flex tw-items-center tw-justify-between">
+        <div className="tw-flex tw-w-full tw-items-center tw-justify-between">
+          <div className="tw-inline-flex tw-items-center tw-justify-between tw-truncate">
             <div className="tw-truncate tw-text-md tw-font-medium tw-text-white">
               {profileProxy.created_by.handle}
             </div>
-            <span className="tw-pl-2 tw-pr-0.5 tw-italic tw-text-sm tw-text-iron-400 tw-font-normal">
+            <span className="tw-pl-2 tw-pr-0.5 tw-text-sm tw-font-normal tw-italic tw-text-iron-400">
               Proxy
             </span>
           </div>
           <div>
             {isActive && (
               <svg
-                className="tw-flex-shrink-0 tw-h-5 tw-w-5 tw-ml-2 tw-text-primary-400 tw-transition tw-duration-300 tw-ease-out"
+                className="tw-ml-2 tw-h-5 tw-w-5 tw-flex-shrink-0 tw-text-primary-400 tw-transition tw-duration-300 tw-ease-out"
                 viewBox="0 0 24 24"
                 fill="none"
                 aria-hidden="true"
diff --git a/components/layout/sidebar/WebSidebar.tsx b/components/layout/sidebar/WebSidebar.tsx
index 4eb7342550..b9bd708720 100644
--- a/components/layout/sidebar/WebSidebar.tsx
+++ b/components/layout/sidebar/WebSidebar.tsx
@@ -206,9 +206,7 @@ function WebSidebar({
                 </div>
               )}
 
-              {!address && (
-                <HeaderShare isCollapsed={shouldShowCollapsed} />
-              )}
+              {!address && <HeaderShare isCollapsed={shouldShowCollapsed} />}
 
               <WebSidebarUser
                 isCollapsed={shouldShowCollapsed}
diff --git a/components/layout/sidebar/WebSidebarNav.tsx b/components/layout/sidebar/WebSidebarNav.tsx
index 4ff785c093..3f57a40a5a 100644
--- a/components/layout/sidebar/WebSidebarNav.tsx
+++ b/components/layout/sidebar/WebSidebarNav.tsx
@@ -34,15 +34,15 @@ const WebSidebarNav = React.forwardRef<
   { closeSubmenu: () => void },
   WebSidebarNavProps
 >(({ isCollapsed = false }, ref) => {
-    const pathname = usePathname();
-    const capacitor = useCapacitor();
-    const { country } = useCookieConsent();
-    const { connectedProfile } = useAuth();
-    const { appWalletsSupported } = useAppWallets();
-    const { hasUnread: hasUnreadMessages } = useUnreadIndicator({
-      type: "messages",
-      handle: connectedProfile?.handle ?? null,
-    });
+  const pathname = usePathname();
+  const capacitor = useCapacitor();
+  const { country } = useCookieConsent();
+  const { connectedProfile } = useAuth();
+  const { appWalletsSupported } = useAppWallets();
+  const { hasUnread: hasUnreadMessages } = useUnreadIndicator({
+    type: "messages",
+    handle: connectedProfile?.handle ?? null,
+  });
 
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [expandedKeys, setExpandedKeys] = useState<string[]>([]);
diff --git a/components/layout/sidebar/WebSidebarUser.tsx b/components/layout/sidebar/WebSidebarUser.tsx
index 4e48757aef..bef3a19b90 100644
--- a/components/layout/sidebar/WebSidebarUser.tsx
+++ b/components/layout/sidebar/WebSidebarUser.tsx
@@ -10,7 +10,7 @@ import { getConnectionProfileIndicator } from "@/components/auth/connection-stat
 import { HeaderQRModal } from "@/components/header/share/HeaderShare";
 import { useSeizeConnectContext } from "@/components/auth/SeizeConnectContext";
 import HeaderUserConnect from "@/components/header/user/HeaderUserConnect";
-import HeaderUserProxyDropdown from "@/components/header/user/proxy/HeaderUserProxyDropdown";
+import HeaderUserMenuDropdown from "@/components/header/user/HeaderUserMenuDropdown";
 import { resolveIpfsUrlSync } from "@/components/ipfs/IPFSContext";
 import UserLevel from "@/components/user/utils/level/UserLevel";
 import { DEFAULT_CONNECTED_PROFILE_FALLBACK_PFP } from "@/constants/constants";
@@ -281,7 +281,7 @@ function WebSidebarUser({
       </button>
       {showUserMenu && profile && (
         <div ref={dropdownRef}>
-          <HeaderUserProxyDropdown
+          <HeaderUserMenuDropdown
             profile={profile}
             isOpen={showUserMenu}
             onClose={() => setShowUserMenu(false)}

From 2d6042405f82a0739b572ff2d34f9163656b5506 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 12:55:25 +0200
Subject: [PATCH 6/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 .../components/header/user/HeaderUserMenuDropdown.test.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx b/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
index 8985b3ecdd..8d5a494831 100644
--- a/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
+++ b/__tests__/components/header/user/HeaderUserMenuDropdown.test.tsx
@@ -3,10 +3,9 @@ import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import HeaderUserMenuDropdown from "@/components/header/user/HeaderUserMenuDropdown";
 import { AuthContext } from "@/components/auth/Auth";
 
-jest.mock(
-  "@/components/header/user/HeaderUserProxyDropdownItem",
-  () => () => <div data-testid="item" />
-);
+jest.mock("@/components/header/user/HeaderUserProxyDropdownItem", () => () => (
+  <div data-testid="item" />
+));
 jest.mock(
   "@/components/header/user/connected/HeaderUserConnectedAccounts",
   () => (props: any) => (

From 1e03102c4fc1196e091f833ac042d1d49ccec3da Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 13:24:06 +0200
Subject: [PATCH 7/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 .../header/user/HeaderUserMenuDropdown.tsx    | 37 +++++++++----------
 .../user/HeaderUserProxyDropdownItem.tsx      |  6 +--
 components/layout/sidebar/WebSidebarUser.tsx  |  5 +--
 3 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/components/header/user/HeaderUserMenuDropdown.tsx b/components/header/user/HeaderUserMenuDropdown.tsx
index c3ddf50138..f7ffff0c89 100644
--- a/components/header/user/HeaderUserMenuDropdown.tsx
+++ b/components/header/user/HeaderUserMenuDropdown.tsx
@@ -129,17 +129,14 @@ export default function HeaderUserMenuDropdown({
           >
             <div className="tw-mt-1 tw-w-full tw-overflow-hidden tw-rounded-md tw-bg-iron-800 tw-shadow-2xl">
               <div className="tw-flow-root tw-overflow-y-auto tw-overflow-x-hidden tw-py-2">
-                <div
-                  role="list"
-                  className="tw-flex tw-flex-col tw-gap-y-2 tw-divide-x-0 tw-divide-y tw-divide-solid tw-divide-iron-700"
-                >
+                <ul className="tw-m-0 tw-flex tw-list-none tw-flex-col tw-gap-y-2 tw-divide-x-0 tw-divide-y tw-divide-solid tw-divide-iron-700 tw-p-0">
                   {availableConnectedAccounts.length > 0 && (
-                    <div className="tw-mx-0 tw-flex tw-flex-col tw-gap-y-2 tw-px-2">
+                    <li className="tw-mx-0 tw-flex tw-flex-col tw-gap-y-2 tw-px-2">
                       <HeaderUserConnectedAccounts
                         accounts={availableConnectedAccounts.map((account) => ({
                           ...account,
                           unreadNotificationsCount:
-                            (connectedAccountUnreadNotifications ?? {})[
+                            connectedAccountUnreadNotifications?.[
                               account.address.toLowerCase()
                             ] ?? 0,
                         }))}
@@ -154,10 +151,10 @@ export default function HeaderUserMenuDropdown({
                           });
                         }}
                       />
-                    </div>
+                    </li>
                   )}
                   {hasProxySection && (
-                    <div className="tw-mx-0 tw-flex tw-flex-col tw-gap-y-2 tw-px-2">
+                    <li className="tw-mx-0 tw-flex tw-flex-col tw-gap-y-2 tw-px-2">
                       <p className="tw-m-0 tw-px-3 tw-pt-2 tw-text-xs tw-font-semibold tw-uppercase tw-tracking-wide tw-text-iron-500">
                         Proxy Profile
                       </p>
@@ -182,16 +179,16 @@ export default function HeaderUserMenuDropdown({
                             >
                               <img
                                 src={profile.pfp}
-                                alt="Profile Picture"
+                                alt={`${label} avatar`}
                                 className="tw-absolute tw-inset-0 tw-block tw-h-full tw-w-full tw-rounded-lg tw-bg-iron-700 tw-object-cover tw-transition tw-duration-300 tw-ease-out"
                               />
                             </div>
                           ) : (
                             <div
                               className={`${
-                                !activeProfileProxy
-                                  ? "tw-bg-iron-600"
-                                  : "tw-bg-iron-700 group-hover:tw-bg-iron-600"
+                                activeProfileProxy
+                                  ? "tw-bg-iron-700 group-hover:tw-bg-iron-600"
+                                  : "tw-bg-iron-600"
                               } tw-h-6 tw-w-6 tw-flex-none tw-flex-shrink-0 tw-rounded-lg tw-transition tw-duration-300 tw-ease-out`}
                               title={
                                 activeProfileProxy
@@ -232,9 +229,9 @@ export default function HeaderUserMenuDropdown({
                           onActivateProfileProxy={onActivateProfileProxy}
                         />
                       ))}
-                    </div>
+                    </li>
                   )}
-                  <div className="tw-h-full tw-px-2 tw-pt-2">
+                  <li className="tw-h-full tw-px-2 tw-pt-2">
                     {isConnected ? (
                       <button
                         onClick={() => {
@@ -282,9 +279,9 @@ export default function HeaderUserMenuDropdown({
                         <span>Connect Wallet</span>
                       </button>
                     )}
-                  </div>
+                  </li>
                   {onOpenShare && (
-                    <div className="tw-h-full tw-px-2 tw-pt-2">
+                    <li className="tw-h-full tw-px-2 tw-pt-2">
                       <button
                         onClick={onOpenShare}
                         type="button"
@@ -295,9 +292,9 @@ export default function HeaderUserMenuDropdown({
                         <ShareIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0" />
                         <span>Share</span>
                       </button>
-                    </div>
+                    </li>
                   )}
-                  <div className="tw-h-full tw-px-2 tw-pt-2">
+                  <li className="tw-h-full tw-px-2 tw-pt-2">
                     <button
                       onClick={() => {
                         void runMenuAction({
@@ -343,8 +340,8 @@ export default function HeaderUserMenuDropdown({
                         <span>Sign Out All Profiles</span>
                       </button>
                     )}
-                  </div>
-                </div>
+                  </li>
+                </ul>
               </div>
             </div>
           </motion.div>
diff --git a/components/header/user/HeaderUserProxyDropdownItem.tsx b/components/header/user/HeaderUserProxyDropdownItem.tsx
index c4011aa37e..0cb1557e82 100644
--- a/components/header/user/HeaderUserProxyDropdownItem.tsx
+++ b/components/header/user/HeaderUserProxyDropdownItem.tsx
@@ -18,16 +18,14 @@ export default function HeaderUserProxyDropdownItem({
       <button
         type="button"
         className={`${
-          !isActive
-            ? "tw-bg-transparent hover:tw-bg-iron-700"
-            : "tw-bg-iron-700"
+          isActive ? "tw-bg-iron-700" : "tw-bg-transparent hover:tw-bg-iron-700"
         } tw-group tw-relative tw-flex tw-h-full tw-w-full tw-cursor-pointer tw-select-none tw-items-center tw-gap-x-3 tw-rounded-lg tw-border-none tw-px-3 tw-py-2.5 tw-text-left tw-text-white tw-transition tw-duration-300 tw-ease-out focus:tw-outline-none focus:tw-ring-1 focus:tw-ring-primary-400`}
         onClick={() => onActivateProfileProxy(isActive ? null : profileProxy)}
       >
         {profileProxy.created_by.pfp ? (
           <img
             src={profileProxy.created_by.pfp}
-            alt="Profile Picture"
+            alt={`${profileProxy.created_by.handle} avatar`}
             className="tw-h-6 tw-w-6 tw-flex-none tw-flex-shrink-0 tw-rounded-lg tw-bg-iron-800"
           />
         ) : (
diff --git a/components/layout/sidebar/WebSidebarUser.tsx b/components/layout/sidebar/WebSidebarUser.tsx
index bef3a19b90..effd900b17 100644
--- a/components/layout/sidebar/WebSidebarUser.tsx
+++ b/components/layout/sidebar/WebSidebarUser.tsx
@@ -151,9 +151,8 @@ function WebSidebarUser({
   const hasUnreadOnOtherConnectedProfiles = connectedAccounts.some(
     (account) =>
       !account.isActive &&
-      ((connectedAccountUnreadNotifications ?? {})[
-        account.address.toLowerCase()
-      ] ?? 0) > 0
+      (connectedAccountUnreadNotifications?.[account.address.toLowerCase()] ??
+        0) > 0
   );
 
   const switchToNextConnectedAccount = (): boolean => {

From 382faf760c257fc25d609437cea2622c6c695c93 Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 13:54:23 +0200
Subject: [PATCH 8/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 components/layout/sidebar/WebSidebarUser.tsx |  8 +++--
 hooks/isMobileDevice.ts                      | 31 ++++++++++++++------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/components/layout/sidebar/WebSidebarUser.tsx b/components/layout/sidebar/WebSidebarUser.tsx
index effd900b17..497223bcf7 100644
--- a/components/layout/sidebar/WebSidebarUser.tsx
+++ b/components/layout/sidebar/WebSidebarUser.tsx
@@ -18,7 +18,7 @@ import {
   isAutoGeneratedHandle,
   isEthereumAddress,
 } from "@/helpers/AllowlistToolHelpers";
-import useIsMobileDevice from "@/hooks/isMobileDevice";
+import { useIsMobileDeviceStatus } from "@/hooks/isMobileDevice";
 import useCapacitor from "@/hooks/useCapacitor";
 import { useIdentity } from "@/hooks/useIdentity";
 
@@ -35,8 +35,10 @@ function WebSidebarUser({
   const [showUserMenu, setShowUserMenu] = useState(false);
   const [showShareModal, setShowShareModal] = useState(false);
   const capacitor = useCapacitor();
-  const isMobileDevice = useIsMobileDevice();
-  const canUseDesktopShare = !capacitor.isCapacitor && !isMobileDevice;
+  const { isMobileDevice, isDeviceDetectionResolved } =
+    useIsMobileDeviceStatus();
+  const canUseDesktopShare =
+    !capacitor.isCapacitor && isDeviceDetectionResolved && !isMobileDevice;
   const {
     address,
     seizeConnect,
diff --git a/hooks/isMobileDevice.ts b/hooks/isMobileDevice.ts
index b35ebb6a9a..191e47f74f 100644
--- a/hooks/isMobileDevice.ts
+++ b/hooks/isMobileDevice.ts
@@ -2,17 +2,30 @@
 
 import { useEffect, useState } from "react";
 
-export default function useIsMobileDevice() {
-  const [isMobile, setIsMobile] = useState(false);
+const MOBILE_DEVICE_REGEX =
+  /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i;
+
+const detectIsMobileDevice = (): boolean => {
+  const userAgent = typeof navigator === "undefined" ? "" : navigator.userAgent;
+  return MOBILE_DEVICE_REGEX.test(userAgent);
+};
+
+export function useIsMobileDeviceStatus() {
+  const [status, setStatus] = useState({
+    isMobileDevice: false,
+    isDeviceDetectionResolved: false,
+  });
 
   useEffect(() => {
-    const userAgent =
-      typeof navigator === "undefined" ? "" : navigator.userAgent;
-    const regex =
-      /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i;
-    const mobile = regex.exec(userAgent) !== null;
-    setIsMobile(mobile);
+    setStatus({
+      isMobileDevice: detectIsMobileDevice(),
+      isDeviceDetectionResolved: true,
+    });
   }, []);
 
-  return isMobile;
+  return status;
+}
+
+export default function useIsMobileDevice() {
+  return useIsMobileDeviceStatus().isMobileDevice;
 }

From 158585fb19f81108fbc2296f7f64f18c18eb67ce Mon Sep 17 00:00:00 2001
From: prxt6529 <prxt@6529.io>
Date: Mon, 9 Mar 2026 14:03:03 +0200
Subject: [PATCH 9/9] WIP

Signed-off-by: prxt6529 <prxt@6529.io>
---
 .../nft-image/utils/arweave-fallback.ts       | 20 ++-----------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/components/nft-image/utils/arweave-fallback.ts b/components/nft-image/utils/arweave-fallback.ts
index a76b9414e1..c12c3079ac 100644
--- a/components/nft-image/utils/arweave-fallback.ts
+++ b/components/nft-image/utils/arweave-fallback.ts
@@ -1,28 +1,12 @@
 import type React from "react";
 
-const ARWEAVE_GATEWAYS_PRIORITY: readonly string[] = [
+const ARWEAVE_GATEWAYS: readonly string[] = [
   "arweave.net",
   "gateway.arweave.net",
-  "g8way.io",
-] as const;
-
-const ARWEAVE_GATEWAYS_LONG_TAIL: readonly string[] = [
-  "arweave.org",
-  "arweave.dev",
+  "gateway.ar.io",
   "ar-io.net",
-  "arweave.live",
-  "arweave.surf",
-  "arweave.team",
-  "arweavetoday.com",
-  "arweave.fyi",
-  "arweave.guide",
 ] as const;
 
-const ARWEAVE_GATEWAYS: readonly string[] = dedupe([
-  ...ARWEAVE_GATEWAYS_PRIORITY,
-  ...ARWEAVE_GATEWAYS_LONG_TAIL,
-]);
-
 function dedupe(list: readonly string[]): string[] {
   return Array.from(new Set(list));
 }