fix: Add spinner to preferences lazy loaded pages

packages/webapp/src/components/Preferences/PreferencesContentRoute.tsx

@@ -1,13 +1,22 @@
 // @ts-nocheck
-import React from 'react';
+import React, { Suspense } from 'react';
 import { Route, Switch } from 'react-router-dom';
 import { getPreferenceRoutes } from '@/routes/preferences';
+import { Spinner } from '@blueprintjs/core';
+import { Box } from '../Layout';
 
 export default function DashboardContentRoute() {
   const preferencesRoutes = getPreferenceRoutes();
 
   return (
     <Route pathname="/preferences">
+      <Suspense
+        fallback={
+          <Box style={{ padding: 20 }}>
+            <Spinner size={20} />
+          </Box>
+        }
+      >
         <Switch>
           {preferencesRoutes.map((route, index) => (
             <Route
@@ -18,6 +27,7 @@ export default function DashboardContentRoute() {
             />
           ))}
         </Switch>
+      </Suspense>
     </Route>
   );
 }