Fixes rendering for checkboxes

src/app/shared/lib/marked.ts

@@ -9,6 +9,10 @@ export function markedOptionsFactory(): MarkedOptions {
     return html.replace(/^<a /, '<a target="_blank" ');
   };
 
+  renderer.checkbox = (checked) => {
+    return checked ? '<i class="fa-solid fa-square-check"></i> ' : '<i class="fa-solid fa-square"></i> ';
+  };
+
   return {
     renderer,
     gfm: true,

src/assets/fontawesome/css/solid.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}

src/styles.css

@@ -1,4 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
+@import "./assets/fontawesome/css/fontawesome.min.css";
+@import "./assets/fontawesome/css/solid.min.css";
+
 html,
 body {
   margin: 0;