Merged in feature/refactor-lang (pull request #387)

feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg

components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -6,20 +6,19 @@ import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 import Grids from "@/components/TempDesignSystem/Grids"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getLang } from "@/i18n/serverContext"
 import { getMembershipLevelObject } from "@/utils/membershipLevel"
 import { getMembership } from "@/utils/user"
 
 import styles from "./current.module.css"
 
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
-import type { LangParams } from "@/types/params"
 
 export default async function CurrentBenefitsBlock({
   title,
   subtitle,
   link,
-  lang,
-}: AccountPageComponentProps & LangParams) {
+}: AccountPageComponentProps) {
   const user = await serverClient().user.get()
   // TAKE NOTE: we need clarification on how benefits stack from different levels
   // in order to determine if a benefit is specific to a level or if it is a cumulative benefit
@@ -35,7 +34,7 @@ export default async function CurrentBenefitsBlock({
 
   const currentLevel = getMembershipLevelObject(
     user.memberships[0].membershipLevel as MembershipLevelEnum,
-    lang
+    getLang()
   )
   if (!currentLevel) {
     //  TODO: handle this case?

components/MyPages/Blocks/Benefits/NextLevel/index.tsx

@@ -11,6 +11,7 @@ import Grids from "@/components/TempDesignSystem/Grids"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
 import { getMembershipLevelObject } from "@/utils/membershipLevel"
 
 import styles from "./next.module.css"
@@ -20,7 +21,6 @@ import { AccountPageComponentProps } from "@/types/components/myPages/myPage/acc
 export default async function NextLevelBenefitsBlock({
   title,
   subtitle,
-  lang,
   link,
 }: AccountPageComponentProps) {
   const { formatMessage } = await getIntl()
@@ -30,7 +30,7 @@ export default async function NextLevelBenefitsBlock({
   }
   const nextLevel = getMembershipLevelObject(
     user.memberships[0].nextLevel as MembershipLevelEnum,
-    lang
+    getLang()
   )
   if (!nextLevel) {
     //  TODO: handle this case, when missing or when user is top level?