added initial storage api subscription

Signed-off-by: Alex Rybchenko <arybchenko@box.com>

.changeset/violet-trees-play.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-shortcuts': patch
+---
+
+fixed shortcuts initialization when using firestore

plugins/shortcuts/src/api/LocalStoredShortcuts.ts

@@ -25,7 +25,11 @@ import { StorageApi } from '@backstage/core-plugin-api';
  * Implementation of the ShortcutApi that uses the StorageApi to store shortcuts.
  */
 export class LocalStoredShortcuts implements ShortcutApi {
-  constructor(private readonly storageApi: StorageApi) {}
+  constructor(private readonly storageApi: StorageApi) {
+    this.storageApi.observe$<Shortcut[]>('items').subscribe({
+      next: () => this.notify(),
+    });
+  }
 
   shortcut$() {
     return this.observable;
@@ -36,14 +40,12 @@ export class LocalStoredShortcuts implements ShortcutApi {
     shortcuts.push({ ...shortcut, id: uuid() });
 
     await this.storageApi.set('items', shortcuts);
-    this.notify();
   }
 
   async remove(id: string) {
     const shortcuts = this.get().filter(s => s.id !== id);
 
     await this.storageApi.set('items', shortcuts);
-    this.notify();
   }
 
   async update(shortcut: Shortcut) {
@@ -51,7 +53,6 @@ export class LocalStoredShortcuts implements ShortcutApi {
     shortcuts.push(shortcut);
 
     await this.storageApi.set('items', shortcuts);
-    this.notify();
   }
 
   getColor(url: string) {