auto-update notifications on the status bar (#5361)

* auto-update notifications on the status bar

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* integrated with new and improved autoupdate code

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* lint

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* refactored to include AutoUpdateComponent in the statusBarItemsInjectable

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* refactor to use a registrator

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* fix lint, remove unused code

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* refactored for the simplified logic for injecting many instances PR

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* using the update syncBox injectables directly for status bar notifications

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* removed update broadcasting/listening, updated snapshots

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* fixing tests

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* fixed tests

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* cleanup after rebase to master

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* address review comments

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* fixed incorrect injectable id

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* address review comments

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Tweak code-style

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>

src/behaviours/preferences/__snapshots__/navigation-using-tray.test.ts.snap

@@ -53,9 +53,21 @@ exports[`show-about-using-tray renders 1`] = `
     >
       <div
         class="leftSide"
-      />
+        data-testid="status-bar-left"
+      >
+        <div
+          class="item"
+        >
+          <div
+            data-testid="app-update-not-available"
+          >
+            No new updates available
+          </div>
+        </div>
+      </div>
       <div
         class="rightSide"
+        data-testid="status-bar-right"
       />
     </div>
     <div
@@ -118,9 +130,21 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
     >
       <div
         class="leftSide"
-      />
+        data-testid="status-bar-left"
+      >
+        <div
+          class="item"
+        >
+          <div
+            data-testid="app-update-not-available"
+          >
+            No new updates available
+          </div>
+        </div>
+      </div>
       <div
         class="rightSide"
+        data-testid="status-bar-right"
       />
     </div>
     <div