fix(app): cozy bar clickable

src/components/App.tsx

 import { useClient } from 'cozy-client'
+import { useWebviewIntent } from 'cozy-intent'
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import React, { useEffect, useState } from 'react'
 import { useLocation } from 'react-router-dom'
@@ -18,9 +19,19 @@ export const App = ({
   const { t } = useI18n()
   const client = useClient()
   const location = useLocation()
+  const webviewIntent = useWebviewIntent()
 
   const [isLoading, setIsLoading] = useState(true)
 
+  useEffect(() => {
+    webviewIntent?.call('setFlagshipUI', {
+      bottomBackground: '#E8F0FF',
+      bottomTheme: 'light',
+      topBackground: '#ffffff',
+      topTheme: 'light'
+    })
+  }, [webviewIntent])
+
   useEffect(() => {
     let subscribed = true
     async function getActions() {

src/targets/browser/index.tsx

-import 'cozy-ui/transpiled/react/stylesheet.css'
 import 'cozy-ui/dist/cozy-ui.utils.min.css'
+import 'cozy-ui/transpiled/react/stylesheet.css'
 
 import 'src/styles/index.styl'
 
-import React from 'react'
-import { createRoot } from 'react-dom/client'
+import { CozyProvider } from 'cozy-client'
+import { I18n } from 'cozy-ui/transpiled/react/I18n'
+import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
 import {
   StylesProvider,
   createGenerateClassName
 } from 'cozy-ui/transpiled/react/styles'
-import { I18n } from 'cozy-ui/transpiled/react/I18n'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
-import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
-import { CozyProvider } from 'cozy-client'
+import React from 'react'
+import { createRoot } from 'react-dom/client'
 
-import setupApp from 'src/targets/browser/setupApp'
-import { HashRouter } from 'react-router-dom'
-import AppLayout from 'components/AppLayout'
 import { App } from 'components/App'
 import { AppRoutes } from 'components/Routes'
-import MatomoTracker from 'utils/matomoTracker'
+import { WebviewIntentProvider } from 'cozy-intent'
 import { createHashHistory } from 'history'
+import { HashRouter } from 'react-router-dom'
+import setupApp from 'src/targets/browser/setupApp'
+import MatomoTracker from 'utils/matomoTracker'
 
 declare let __PIWIK_TRACKER_URL__: string
 declare let __PIWIK_SITEID__: number
@@ -59,21 +59,23 @@ const init = () => {
   }
 
   root.render(
-    <StylesProvider generateClassName={generateClassName}>
-      <CozyProvider client={client}>
-        <I18n lang={lang} polyglot={polyglot}>
-          <HashRouter>
-            <MuiCozyTheme>
-              <BreakpointsProvider>
-                <App tracker={tracker}>
-                  <AppRoutes />
-                </App>
-              </BreakpointsProvider>
-            </MuiCozyTheme>
-          </HashRouter>
-        </I18n>
-      </CozyProvider>
-    </StylesProvider>
+    <WebviewIntentProvider>
+      <StylesProvider generateClassName={generateClassName}>
+        <CozyProvider client={client}>
+          <I18n lang={lang} polyglot={polyglot}>
+            <HashRouter>
+              <MuiCozyTheme>
+                <BreakpointsProvider>
+                  <App tracker={tracker}>
+                    <AppRoutes />
+                  </App>
+                </BreakpointsProvider>
+              </MuiCozyTheme>
+            </HashRouter>
+          </I18n>
+        </CozyProvider>
+      </StylesProvider>
+    </WebviewIntentProvider>
   )
 }