fix: fetch uiConfig when the user logs in (#3107)

This PR will force a refetch of the uiConfig after the user has logged
into the system.

frontend/src/component/App.tsx

@@ -1,4 +1,4 @@
-import { Suspense } from 'react';
+import { Suspense, useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { ErrorBoundary } from 'react-error-boundary';
 import { Error } from 'component/layout/Error/Error';
@@ -29,6 +29,8 @@ const StyledContainer = styled('div')(() => ({
 
 export const App = () => {
     const { authDetails } = useAuthDetails();
+    const { refetch: refetchUiConfig } = useUiConfig();
+
     const { user } = useAuthUser();
     const hasFetchedAuth = Boolean(authDetails || user);
 
@@ -38,6 +40,12 @@ export const App = () => {
         ? routes.filter(route => !route.enterprise)
         : routes;
 
+    useEffect(() => {
+        if (hasFetchedAuth && Boolean(user?.id)) {
+            refetchUiConfig();
+        }
+    }, [authDetails, user]);
+
     return (
         <ErrorBoundary FallbackComponent={Error}>
             <SWRProvider>