fix(config) replace admonition markup in help texts

Signed-off-by: David Edler <david.edler@canonical.com>

src/util/config.spec.ts

@@ -99,6 +99,20 @@ describe("toConfigFields and replaceDocLinks", () => {
       'the value of <a href="https://docs.example.org/reference/storage_zfs/#storage-zfs-volume-conf:zfs.block_mode" target="_blank" rel="noreferrer">zfs.block_mode</a>,<br>the specified',
     );
   });
+
+  it("converts admonition markup to html bold tag", () => {
+    const input = "Foo bar baz.  ```{important}  Some important addition.```";
+
+    const result = configDescriptionToHtml(
+      input,
+      "https://docs.example.org",
+      objectsInvTxt.split("\n"),
+    );
+
+    expect(result).toBe(
+      "Foo bar baz.  <b>Important</b>  Some important addition.",
+    );
+  });
 });
 
 const objectsInvTxt =

src/util/config.tsx

@@ -35,6 +35,11 @@ export const configDescriptionToHtml = (
     .replaceAll(">", ">")
     .replaceAll("\n", "<br>");
 
+  // replace admonition markup
+  result = result
+    .replaceAll("```", "")
+    .replaceAll("{important}", "<b>Important</b>");
+
   // documentation links
   if (objectsInvTxt) {
     // tags like {ref}`instance-options-qemu` can be in the input string
@@ -67,10 +72,5 @@ export const configDescriptionToHtml = (
     result = result.replace("`", "<code>").replace("`", "</code>");
   }
 
-  // remove invalid placeholders
-  result = result
-    .replaceAll("```", "")
-    .replaceAll("{{snapshot_pattern_detail}}", "");
-
   return result;
 };