DEV: Modernize and improve upgrade-notice

assets/javascripts/discourse/components/upgrade-notice.hbs

@@ -1,16 +1,12 @@
-{{#if currentUser.admin}}
-  <tr>
-    <th colspan="5">
-      {{#if versionCheck.upToDate}}
-        <a href="{{href}}" data-auto-route="true">
-          {{i18n "docker.link_to_upgrade"}}
-        </a>
-      {{else}}
-        {{i18n "docker.upgrade"}}
-        <a href="{{href}}" data-auto-route="true">
-          {{i18n "docker.perform_upgrade"}}
-        </a>
-      {{/if}}
-    </th>
-  </tr>
+{{#if this.currentUser.admin}}
+  {{#if @versionCheck.upToDate}}
+    <LinkTo @route="upgrade">
+      {{i18n "docker.link_to_upgrade"}}
+    </LinkTo>
+  {{else}}
+    {{i18n "docker.upgrade"}}
+    <LinkTo @route="upgrade">
+      {{i18n "docker.perform_upgrade"}}
+    </LinkTo>
+  {{/if}}
 {{/if}}

assets/javascripts/discourse/components/upgrade-notice.js

@@ -1,10 +1,6 @@
-import getURL from "discourse-common/lib/get-url";
-import Component from "@ember/component";
+import Component from "@glimmer/component";
+import { inject as service } from "@ember/service";
 
-export default class extends Component {
-  tagName = "";
-
-  get href() {
-    return getURL("/admin/upgrade");
-  }
+export default class UpgradeNotice extends Component {
+  @service currentUser;
 }

assets/stylesheets/common/docker-manager.scss

@@ -1,3 +1,14 @@
+.dashboard-stats .upgrade-header {
+  background: var(--danger-low);
+  margin-bottom: 2rem;
+  padding: 1rem;
+
+  a {
+    color: var(--danger);
+    font-weight: bold;
+  }
+}
+
 .docker-manager {
   .console-logs {
     background-color: black;