frontend: style announcements

Author: RMCrean

packages/divbase-api/src/divbase_api/templates/components/announcements.html

@@ -1,6 +1,6 @@
 {% for announcement in announcements %}
 <div class="alert alert-{{ announcement.level }}" role="alert">
-    <h3 class="alert-heading"> 
+    <p><strong> 
         {% if announcement.level == "danger" %}
         <i class="bi bi-exclamation-triangle-fill me-2"></i>
         {% elif announcement.level == "success" %}
@@ -11,7 +11,7 @@ <h3 class="alert-heading">
         <i class="bi bi-info-circle-fill me-2"></i>
         {% endif %}
         {{ announcement.heading }}
-    </h3>
+        </strong> 
     <p>{{ announcement.message }}</p>
 </div>
 {% endfor %}