Added latest badge on latest documentation page

Author: luis-gustavo

FrontEnd/docc.scss

@@ -248,3 +248,13 @@ footer.spi {
         text-align: center;
     }
 }
+
+.badge {
+    margin-left: 4px;
+    padding: 2px 4px;
+    font-size: 10px;
+    text-align: center;
+    color: var(--grey);
+    background-color: var(--dark-grey);
+    border-radius: 4px;
+}

Sources/App/Views/DocumentationPageProcessor.swift

@@ -172,7 +172,8 @@ struct DocumentationPageProcessor {
                 .span(
                     .class(referenceKind.cssClass),
                     .text(docVersion.reference)
-                )
+                ),
+                latestBadge()
             ), choices: documentationVersionChoices.count > 0 ? documentationVersionChoices : nil)
         ]
 
@@ -244,6 +245,15 @@ struct DocumentationPageProcessor {
         ).render()
     }
 
+    func latestBadge() -> Plot.Node<HTML.BodyContext> {
+        let isLatest = availableVersions.first(where: { $0.reference == docVersion.reference })?.isLatestStable ?? false
+        print("isLatest: \(isLatest)")
+        return isLatest ? .span(
+            .class("badge"),
+            .text("LATEST")
+        ) : .empty
+    }
+
     var footer: String {
         @Dependency(\.environment) var environment
         return Plot.Node.footer(