[BUG] Uncaught Error: 'cookies' called outside request scope after migration to Vite

[AtelyPham]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

When toggling the sidebar component, the following error appears in the console:

Uncaught Error: cookies was called outside a request scope.
Read more: https://nextjs.org/docs/messages...
at setSidebarCookieOnToggle

This error occurs because the application is still using Next.js cookie utilities (setSidebarCookieOnToggle from @webb-tools/webb-ui-components/next-utils) after migrating to Vite without SSR.

Expected Behavior

The sidebar toggle state should persist without throwing errors, using a client-side storage solution compatible with Vite/React applications (e.g., localStorage or a non-Next.js cookie solution).

Steps To Reproduce

1. Open the application running on Vite
2. Open the developer console
3. Click on the sidebar toggle button
4. Observe the error in the console

Screenshot

Anything else?

The error is occurring in apps/tangle-dapp/src/components/Sidebar/Sidebar.tsx where we're using setSidebarCookieOnToggle from Next.js utilities despite having migrated to Vite.

import { setSidebarCookieOnToggle } from '@webb-tools/webb-ui-components/next-utils';

// ...

<SideBarCmp
  {...sidebarProps}
  pathnameOrHash={location.pathname}
  className="hidden lg:block !z-0"
  isExpandedByDefault={isExpandedByDefault}
  onSideBarToggle={setSidebarCookieOnToggle}
/>

This needs to be updated to use a Vite-compatible solution for persisting the sidebar state.