Change interpolation: {var} to ${var}

apps/api/src/services/i18n/i18n.service.ts

@@ -42,7 +42,7 @@ export class I18nService {
 
     if (placeholders) {
       for (const [key, value] of Object.entries(placeholders)) {
-        translatedText = translatedText.replace(`{${key}}`, String(value));
+        translatedText = translatedText.replace(`\${${key}}`, String(value));
       }
     }
 

apps/client/src/app/pages/i18n/i18n-page.html

@@ -20,12 +20,12 @@
       </li>
       <li i18n="@@rule.feeRatioInitialInvestment">Fee Ratio</li>
       <li i18n="@@rule.feeRatioInitialInvestment.false">
-        The fees do exceed &#123;thresholdMax&#125;% of your initial investment
+        The fees do exceed $&#123;thresholdMax&#125;% of your initial investment
-        (&#123;feeRatio&#125;%)
+        ($&#123;feeRatio&#125;%)
       </li>
       <li i18n="@@rule.feeRatioInitialInvestment.true">
-        The fees do not exceed &#123;thresholdMax&#125;% of your initial
+        The fees do not exceed $&#123;thresholdMax&#125;% of your initial
-        investment (&#123;feeRatio&#125;%)
+        investment ($&#123;feeRatio&#125;%)
       </li>
       <li i18n="@@slogan">Open Source Wealth Management Software</li>
     </ul>