fix(docs-infra): render security risk labels (#25750)

PR Close #25750

aio/src/styles/2-modules/_label.scss

@@ -49,6 +49,10 @@ label.raised, .api-header label {
     &.api-status-label {
         background-color: $mediumgray;
 
+        &.security {
+            background-color: $brightred;
+        }
+
         &.impure-pipe {
             background-color: $brightred;
         }

aio/tools/transforms/templates/api/base.template.html

@@ -19,6 +19,7 @@
   <header class="api-header">
     <h1>{$ doc.name $}</h1>
     <label class="api-type-label {$ doc.docType $}">{$ doc.docType $}</label>
+    {% if doc.security !== undefined %}<label class="api-status-label security">security</label>{% endif %}
     {% if doc.pipeOptions.pure === 'false' %}<label class="api-status-label impure-pipe">impure</label>{% endif %}
   </header>
   <aio-toc class="embedded"></aio-toc>