adjust faq pipe to support locale and version

Author: seiyria

src/app/_shared/pipes/faq.pipe.ts

@@ -13,15 +13,22 @@ export class FaqPipe implements PipeTransform {
     const [productId, cardDisplay] = args;
     if (!productId) return value ?? '';
 
-    const ruleRegex = /\$rule:([\d.]+)\$/gm;
+    const ruleRegex = /\$rule:(.*)\$/gm;
     value = value.replace(ruleRegex, (match, p1) => {
+      const [rule, locale, version] = p1.split(':');
       if (!productId) return p1;
 
       const rulesUrl = this.metaService.getRulesByProductId(productId);
       if (!rulesUrl) return p1;
 
-      return `<a href="${rulesUrl}/#${p1}" target="_blank">${
-        cardDisplay || p1
+      const url = new URL(rulesUrl);
+      url.hash = rule;
+      url.searchParams.set('product', productId);
+      if (locale) url.searchParams.set('locale', locale);
+      if (version) url.searchParams.set('version', version);
+
+      return `<a href="${url.toString()}" target="_blank">${
+        cardDisplay || rule || p1
       }</a>`;
     });