fix: refactor away subtitleParam

components/MyPages/Blocks/Overview/Stats/Points/index.tsx

@@ -1,5 +1,6 @@
 import { MembershipLevelEnum } from "@/constants/membershipLevels"
 
+import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 import { getMembershipLevelObject } from "@/utils/membershipLevel"
 import { getMembership } from "@/utils/user"
@@ -14,6 +15,8 @@ import {
 import { UserProps } from "@/types/components/myPages/user"
 
 export default async function Points({ user }: UserProps) {
+  const { formatMessage } = await getIntl()
+
   const membership = getMembership(user.memberships)
   const nextLevel = getMembershipLevelObject(
     membership?.nextLevel as MembershipLevelEnum,
@@ -26,14 +29,16 @@ export default async function Points({ user }: UserProps) {
       {nextLevel && (
         <NextLevelPointsColumn
           points={membership?.pointsRequiredToNextlevel}
-          subtitleParam={nextLevel.name}
+          subtitle={`${formatMessage({ id: "next level:" })} ${nextLevel.name}`}
         />
       )}
       {membership?.nightsToTopTier && (
         <NextLevelNightsColumn
           nights={membership.nightsToTopTier}
-          subtitleParam={membership.tierExpirationDate}
-          subtitle={membership.tierExpirationDate ? "by" : ""}
+          subtitle={
+            membership.tierExpirationDate &&
+            `by ${membership.tierExpirationDate}`
+          }
         />
       )}
     </PointsContainer>