feat(ui): render the phone tab bar and sheet backdrop from a store

The phone shell no longer builds its tab bar and backdrop or writes their
aria-expanded, aria-hidden and hidden state: it publishes its tabs,
whether it is on and the open sheet to the gev-display store, and a new
PhoneTabBar component in the dock teleports them to the end of the page
from the first publish until the shell is destroyed, so they still follow
the scene's credits. The shell takes tab and backdrop clicks from the
document and returns focus to a tab once the tab bar shows it closed; a
reopen or destroy cancels a pending return.

src/ui/applicationShell.js

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { resolveImageryHost } from '../layers/weather/imageryHost.js';
 import { ShellFacade } from './shellFacade.js';
 import { AircraftDisplay } from './aircraftDisplay.js';
@@ -852,6 +853,11 @@ export class StyleManager extends ShellFacade {
       onTabOpened: (sheet) => {
         void this._onMobileTabOpened(sheet);
       },
+      publish: (view) =>
+        useDisplayStore(applicationPinia()).publishPhoneShell(view),
+      afterPublish: (callback) => {
+        void nextTick(callback);
+      },
     });
   }