update template with to correct icon class

Author: aaronhans

content/docs/guidance.njk

@@ -56,7 +56,7 @@ topics:
         {% for item in guide.topics %}
           <li class="list-inline-item mr-1 mb-3">
             <a href="/{{ item }}" class="btn btn-primary-outline">
-              <i class="fa fa-{{ audits[item].icon }}"></i>
+              <i class="fa-solid fa-{{ audits[item].icon }}"></i>
               {{ audits[item].displayName }}
             </a>
           </li>

scripts/bundle.css

@@ -312,6 +312,10 @@ h6,
     color: #face00 !important;
 }
 
+.fa-book-open-reader {
+    color: #c3ebfa !important;
+}
+
 .fa-brain {
     color: #fdb8ae !important;
 }
@@ -482,6 +486,10 @@ h6,
     color: #a8f2ff;
 }
 
+.fa-plug-circle-bolt {
+    color: #fff5c2;
+}
+
 .fa-ranking-star {
     color: #83fcd4;
 }