fix(i18n): prepare for Lokalise

components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/index.tsx

@@ -19,14 +19,15 @@ export default async function MembershipNumber({
   return (
     <div className={classNames}>
       <Caption color="pale">
-        {intl.formatMessage({ id: "Membership ID" })}
-        {": "}
+        {intl.formatMessage({ id: "Membership ID: " })}
       </Caption>
       <span className={styles.icon}>
         <Caption className={styles.icon} color="pale" asChild>
-          <code>{membership?.membershipNumber ?? "N/A"}</code>
+          <code>
+            {membership?.membershipNumber ?? intl.formatMessage({ id: "N/A" })}
+          </code>
         </Caption>
-        {membership && (
+        {membership?.membershipNumber && (
           <CopyButton membershipNumber={membership.membershipNumber} />
         )}
       </span>