message: fix: suspense for lazy loaded pages
  Add suspense to track the route splitted modules, this will make sure that the sidebar and navbar is not unmounted whenever modules start fetching.
diff: @@ -33,9 +33,14 @@ const App = () => {
  <Switch>
  <RouteProvider>
  <BaseLayout>
  + <Suspense fallback={<Spin size="large" />}>
  <Route path={ROUTES.SIGN_UP} exact component={Signup} />
  <Route path={ROUTES.APPLICATION} exact component={ServicesTable} />
  - <Route path={ROUTES.SERVICE_METRICS} exact component={ServiceMetrics} />
  + <Route
  + path={ROUTES.SERVICE_METRICS}
  + exact
  + component={ServiceMetrics}
  + />
  <Route path={ROUTES.SERVICE_MAP} exact component={ServiceMap} />
  <Route path={ROUTES.TRACES} exact component={TraceDetail} />
  <Route path={ROUTES.TRACE_GRAPH} exact component={TraceGraph} />
  @@ -61,6 +66,7 @@ const App = () => {
  );
  }}
  />
  + </Suspense>
  </BaseLayout>
  </RouteProvider>
  </Switch>
  