feat: disable focus on the main scrollable div

src/components/App.tsx

-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react'
-import { HashRouter } from 'react-router-dom'
-import { createBrowserHistory } from 'history'
-import { Layout, Main, Content } from 'cozy-ui/transpiled/react/Layout'
-
-import Routes from 'components/Routes/Routes'
-import Navbar from 'components/Navbar/Navbar'
-import SplashRoot from './Splash/SplashRoot'
-import SplashScreen from 'components/Splash/SplashScreen'
-import SplashScreenError from 'components/Splash/SplashScreenError'
-
-export const history = createBrowserHistory()
-
-export const App = () => {
-  return (
-    <HashRouter {...history}>
-      <Layout>
-        <SplashRoot
-          splashComponent={SplashScreen}
-          splashErrorComponent={SplashScreenError}
-        >
-          <Navbar />
-          <Main>
-            <Content className="app-content">
-              <Routes />
-            </Content>
-          </Main>
-        </SplashRoot>
-      </Layout>
-    </HashRouter>
-  )
-}
-
-export default App
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react'
+import { HashRouter } from 'react-router-dom'
+import { createBrowserHistory } from 'history'
+import { Layout, Main, Content } from 'cozy-ui/transpiled/react/Layout'
+
+import Routes from 'components/Routes/Routes'
+import Navbar from 'components/Navbar/Navbar'
+import SplashRoot from './Splash/SplashRoot'
+import SplashScreen from 'components/Splash/SplashScreen'
+import SplashScreenError from 'components/Splash/SplashScreenError'
+
+export const history = createBrowserHistory()
+
+export const App = () => {
+  return (
+    <HashRouter {...history}>
+      <Layout>
+        <SplashRoot
+          splashComponent={SplashScreen}
+          splashErrorComponent={SplashScreenError}
+        >
+          <Navbar />
+          <Main>
+            <Content className="app-content" tabIndex="-1">
+              <Routes />
+            </Content>
+          </Main>
+        </SplashRoot>
+      </Layout>
+    </HashRouter>
+  )
+}
+
+export default App

src/components/Content/Content.tsx

@@ -110,7 +110,6 @@ const Content: React.FC<ContentProps> = ({
         handleCloseClick={handleFeedbackModalClose}
       />
       <div
-        role="main"
         className="content-view"
         style={{
           marginTop: height,