Merged in feat/LOY-261-Remove-Sidebar-From-MyPages (pull request #2380)

Feat/LOY-261 Remove Sidebar From MyPages

* feat(LOY-261): remove sidebar from my pages

* refactor(LOY-261): move SASLevelUpgradeCheck to my-pages layout and remove unused code

* chore(LOY-261): remove console logs

* fix(LOY-261): remove sidebar and center content in Loyalty Pages when logged in

* fix(LOY-261): better class naming for content width


Approved-by: Christian Andolf
Approved-by: Erik Tiekstra

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -1,8 +1,8 @@
-import { Suspense } from "react"
+import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 
-import Sidebar from "@/components/MyPages/Sidebar"
-import SidebarNavigationSkeleton from "@/components/MyPages/Sidebar/SidebarNavigationSkeleton"
+import { SASLevelUpgradeCheck } from "@/components/MyPages/SASLevelUpgradeCheck"
 import Surprises from "@/components/MyPages/Surprises"
+import { getEurobonusMembership } from "@/utils/user"
 
 import styles from "./layout.module.css"
 
@@ -12,18 +12,19 @@ export default async function MyPagesLayout({
 }: React.PropsWithChildren<{
   breadcrumbs: React.ReactNode
 }>) {
+  const profile = await getProfileSafely()
+  const eurobonusMembership = profile?.loyalty
+    ? getEurobonusMembership(profile.loyalty)
+    : null
+
   return (
     <div className={styles.container}>
       <div className={styles.layout}>
         {breadcrumbs}
-        <div className={styles.content}>
-          <Suspense fallback={<SidebarNavigationSkeleton />}>
-            <Sidebar />
-          </Suspense>
-          {children}
-        </div>
+        <div className={styles.content}>{children}</div>
       </div>
 
+      {eurobonusMembership && <SASLevelUpgradeCheck />}
       <Surprises />
     </div>
   )