Add custom header links

about.json

@@ -5,6 +5,7 @@
   "components": [
     "https://github.com/jordanvidrine/discourse-category-group-boxes.git",
     "https://github.com/discourse/discourse-clickable-topic.git",
+    "https://github.com/discourse/discourse-custom-header-links.git",
     "https://github.com/discourse/Discourse-easy-footer.git"
   ],
   "assets": {

desktop/desktop.scss

@@ -7,6 +7,30 @@
     width: 246px;
 }
 
+// Header links
+.custom-header-links {
+    .headerLink a {
+        padding: .5rem .75rem;
+        margin: 0 .1rem;
+        color: var(--header_primary);
+        font-weight: 500;
+        font-size: .9rem;
+        line-height: 1.25rem;
+
+        &:hover {
+            color: white;
+        }
+    }
+
+    li:last-child {
+        a {
+            color: white;
+            background-color: #111827;
+            border-radius: .375rem;
+        }
+    }
+}
+
 // Footer
 .custom-footer {
     .list {