use KibanaThemeProvider from react-kibana-context-theme (#167232)

Fixes https://github.com/elastic/kibana/issues/164369

### Acceptance criteria
- use KibanaThemeProvider from @kbn/react-kibana-context-theme for the
App component

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/observability/public/application/index.tsx

@@ -14,11 +14,8 @@ import { Router, Routes, Route } from '@kbn/shared-ux-router';
 import { AppMountParameters, APP_WRAPPER_CLASS, CoreStart } from '@kbn/core/public';
 import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
 import type { LazyObservabilityPageTemplateProps } from '@kbn/observability-shared-plugin/public';
-import {
-  KibanaContextProvider,
-  KibanaThemeProvider,
-  RedirectAppLinks,
-} from '@kbn/kibana-react-plugin/public';
+import { KibanaContextProvider, RedirectAppLinks } from '@kbn/kibana-react-plugin/public';
+import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme';
 import { Storage } from '@kbn/kibana-utils-plugin/public';
 import { UsageCollectionSetup } from '@kbn/usage-collection-plugin/public';
 import { ObservabilityAIAssistantProvider } from '@kbn/observability-ai-assistant-plugin/public';
@@ -90,7 +87,7 @@ export const renderApp = ({
   ReactDOM.render(
     <EuiErrorBoundary>
       <ApplicationUsageTrackingProvider>
-        <KibanaThemeProvider theme$={theme$}>
+        <KibanaThemeProvider {...{ theme: { theme$ } }}>
           <CloudProvider>
             <KibanaContextProvider
               services={{

x-pack/plugins/observability/tsconfig.json

@@ -86,7 +86,8 @@
     "@kbn/osquery-plugin",
     "@kbn/aiops-plugin",
     "@kbn/content-management-plugin",
-    "@kbn/deeplinks-observability"
+    "@kbn/deeplinks-observability",
+    "@kbn/react-kibana-context-theme"
   ],
   "exclude": [
     "target/**/*"