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/Loyalty/Sidebar/index.tsx

@@ -1,7 +1,7 @@
 import JsonToHtml from "@/components/JsonToHtml"
+import SidebarMyPages from "@/components/MyPages/Sidebar"
 
 import JoinLoyaltyContact from "./JoinLoyalty"
-import MyPagesNavigation from "./MyPagesNavigation"
 
 import styles from "./sidebar.module.css"
 
@@ -44,7 +44,7 @@ export default function SidebarLoyalty({
             switch (block.dynamic_content.component) {
               case LoyaltySidebarDynamicComponentEnum.my_pages_navigation:
                 return (
-                  <MyPagesNavigation
+                  <SidebarMyPages
                     key={`${block.__typename}-${idx}`}
                     lang={lang}
                   />