fix(app): restore scroll to top when changing desktop routes (#15995)

Seemingly after React Router migration from v5->v6, the window retains
its scroll position even after changing routes. We would expect scroll
position to renew to the top of the window when changing routes, as the
`Route` component is updated. To force this, I pass a key to the
`React.Fragment` supplied as the `element` prop within each mapped
`Route`, following the API.

This seems to be related to a [separate top-level routing
issue](#15875) on the ODD and
should be investigated further after release. Interestingly, React
Router provides an explicit
[`ScrollRestoration`](https://reactrouter.com/en/main/components/scroll-restoration`)
component that is meant to be used to achieve the behavior that we are
seeing now, maintaining scroll position between routes, so I would think
that excluding this component would result in scroll returning to the
top by default.

Closes RQA-2953

app/src/App/DesktopApp.tsx

@@ -121,7 +121,7 @@ export const DesktopApp = (): JSX.Element => {
                         <Route
                           key={path}
                           element={
-                            <>
+                            <React.Fragment key={Component.name}>
                               <Breadcrumbs />
                               <Box
                                 position={POSITION_RELATIVE}
@@ -138,7 +138,7 @@ export const DesktopApp = (): JSX.Element => {
                                   <Component />
                                 </Box>
                               </Box>
-                            </>
+                            </React.Fragment>
                           }
                           path={path}
                         />