Blog: unify label chips, footer; fix contrast

- Remove blog-specific footer. (See also: #2501, #2503)
- Fix markup that was invalidly reusing the same HTML ID for multiple
  elements.
- Use existing chips for blog categories instead of having separate
  styles for blog chips. This fixes some issues where the contrast of
  the blog category chips was not meeting WCAG contrast standards.
- Update yellow chip in light mode to meet WCAG AAA contrast standard.

styles/_blog.scss

@@ -40,66 +40,10 @@
     color: $gray-400;
   }
 
-  .category-badge {
-    max-width: 180px;
-    border-radius: 30px;
-    border: solid 2px;
-    padding: 1px;
-    text-align: center;
-    word-wrap: break-word;
-    font-size: 13px;
-    font-weight: bold;
-  }
-
   .post-date {
     text-decoration: overline solid #32E685 10%;
   }
 
-  #general-badge {
-    background-color: #343437;
-    color: #FFFFFF;
-  }
-
-  #release_notes-badge {
-    background-color: #145C35;
-    color: #32E685;
-  }
-
-  #advisories-badge {
-    background-color: #4C1A00;
-    color: #FF6719;
-  }
-
-  #amendments-badge {
-    background-color: #4B4C00;
-    color: #FAFF19;
-  }
-
-  #development-badge {
-    background-color: #20004C;
-    color: #7919FF;
-  }
-
-  #developer_reflections-badge {
-    background-color: #002E4C;
-    color: #19A3FF;
-  }
-
-  #gateway_bulletins-badge {
-    background-color: #40004C;
-    color: #D919FF;
-  }
-
-  #features-badge {
-    background-color: #145C35;
-    color: #32E685;
-  }
-
-  #security-badge {
-    background-color: #4C0026;
-    color: #FF198B;
-  }
-
   #category-list {
     @each $category in "general", "developer_reflections", "amendments",
     "advisories", "release_notes", "development", "gateway_bulletins", "features", "security"

styles/_status-labels.scss

@@ -214,10 +214,10 @@
 
     html.light & {
       background-color: $yellow-200;
-      color: $yellow-800;
+      color: $yellow-900;
       .badge-pill {
         color: $yellow-200;
-        background-color: $yellow-800;
+        background-color: $yellow-900;
       }
       &:hover {
         background-color: $yellow-300;
@@ -339,6 +339,7 @@
   &.label-payment-channel,
   &.label-use-infrastructure,
   &.label-use-security,
+  &.blog-category-development,
   &.chip-indigo {
     @include chip-indigo;
   }
@@ -348,6 +349,8 @@
   &.label-ブロックチェーン,
   &.label-non-fungible-tokens-nfts,
   &.label-use-nfts,
+  &.blog-category-release_notes,
+  &.blog-category-features,
   &.chip-green {
     @include chip-green;
   }
@@ -357,6 +360,7 @@
   &.label-コアサーバ,
   &.label-use-interoperability,
   &.label-use-web_monetization,
+  &.blog-category-gateway_bulletins,
   &.chip-purple  {
     @include chip-purple;
   }
@@ -367,6 +371,7 @@
   &.label-セキュリティ,
   &.label-use-gaming,
   &.label-use-defi,
+  &.blog-category-amendments,
   &.chip-yellow {
     @include chip-yellow;
   }
@@ -379,6 +384,7 @@
   &.label-トランザクション送信,
   &.label-use-developer_tooling,
   &.label-use-payments,
+  &.blog-category-developer_reflections,
   &.chip-blue {
     @include chip-blue;
   }
@@ -390,6 +396,7 @@
   &.label-開発,
   &.label-use-wallet,
   &.label-use-sustainability,
+  &.blog-category-advisories,
   &.chip-orange {
     @include chip-orange;
   }
@@ -402,6 +409,7 @@
   &.label-データ保持,
   &.label-use-exchanges,
   &.label-use-custody,
+  &.blog-category-security,
   &.chip-magenta {
     @include chip-magenta;
   }