Merge branch 'toger5/connectionLostBanner' into connectionlostbanner_lk

NB. I had to more or less rewrite this as it had been refactored in the livekit branch.

src/App.tsx

@@ -29,6 +29,7 @@ import { usePageFocusStyle } from "./usePageFocusStyle";
 import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
 import { InspectorContextProvider } from "./room/GroupCallInspector";
 import { CrashView, LoadingView } from "./FullScreenView";
+import { DisconnectedBanner } from "./DisconnectedBanner";
 import { Initializer } from "./initializer";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
@@ -60,6 +61,7 @@ export default function App({ history }: AppProps) {
             <InspectorContextProvider>
               <Sentry.ErrorBoundary fallback={errorPage}>
                 <OverlayProvider>
+                  <DisconnectedBanner />
                   <Switch>
                     <SentryRoute exact path="/">
                       <HomePage />