fix: add suspense to analyst children

frontend/src/analyst/NavigationBar/index.tsx

@@ -7,11 +7,11 @@ import Sidebar from '@/components/Sidebar'
 import useHideButton from '@/components/Sidebar/useHideButton'
 import Status from '@/components/Status'
 import type { IconName } from '@blueprintjs/core'
-import { Button } from '@blueprintjs/core'
+import { Button, Spinner } from '@blueprintjs/core'
 import useEmailsEnabled from '@inject/graphql/utils/useEmailsEnabled'
 import useToolsEnabled from '@inject/graphql/utils/useToolsEnabled'
 import type { FC, PropsWithChildren } from 'react'
-import { useContext, useMemo } from 'react'
+import { Suspense, useContext, useMemo } from 'react'
 import { matchPath, useLocation } from 'react-router-dom'
 import type { Path } from '../../router'
 import { useNavigate, useParams } from '../../router'
@@ -166,7 +166,7 @@ const NavigationBar: FC<PropsWithChildren> = ({ children }) => {
       <div style={{ overflow: 'auto', flex: 1 }}>
         {exerciseId ? (
           <SVGContext.Provider value={SVGContextValue}>
-            {children}
+            <Suspense fallback={<Spinner />}>{children}</Suspense>
           </SVGContext.Provider>
         ) : (
           children