fix(SW-236): properly handle expired token in webviews

Trying out a new pattern for errors in data fetching.

Next.js is not a fan of throwing errors. Instead it recommends returning
different shapes for each state. Ref:
https://nextjs.org/docs/app/building-your-application/routing/error-handling#handling-expected-errors-from-server-components

It requires some more detailing and a bit more refactoring in non webview part,
but it is a start. This webview specific implementation should not break web.

components/MyPages/Sidebar/index.tsx

@@ -12,7 +12,7 @@ import styles from "./sidebar.module.css"
 
 import type { LangParams } from "@/types/params"
 
-export default async function Sidebar({ lang }: LangParams) {
+export default async function SidebarMyPages({ lang }: LangParams) {
   const navigation = await serverClient().contentstack.myPages.navigation.get()
   const { formatMessage } = await getIntl()
   if (!navigation) {