feat: enhance navigation handling by updating navigation key and improving page state management

src/components/dashboard/Dashboard.tsx

@@ -151,12 +151,17 @@ export function Dashboard() {
 
   // Register with global live refresh system
   useEffect(() => {
+    // Only register if configuration is complete
+    if (!isFullyConfigured) {
+      return;
+    }
+
     const unregister = registerRefreshCallback(() => {
       fetchDashboardData();
     });
 
     return unregister;
-  }, [registerRefreshCallback, fetchDashboardData]);
+  }, [registerRefreshCallback, fetchDashboardData, isFullyConfigured]);
 
   // Status Card Skeleton component
   function StatusCardSkeleton() {

src/components/layout/MainLayout.tsx

@@ -74,6 +74,8 @@ function AppWithProviders({ page: initialPage }: AppProps) {
 
       const pageName = pageMap[path] || 'dashboard';
       setCurrentPage(pageName);
+      // Also increment navigation key for browser navigation to trigger loading states
+      setNavigationKey(prev => prev + 1);
     };
 
     window.addEventListener('popstate', handlePopState);

src/components/repositories/Repository.tsx

@@ -478,7 +478,11 @@ export default function Repository() {
           </p>
           <Button
             variant="default"
-            onClick={() => window.location.href = "/config"}
+            onClick={() => {
+              window.history.pushState({}, '', '/config');
+              // We need to trigger a page change event for the navigation system
+              window.dispatchEvent(new PopStateEvent('popstate'));
+            }}
           >
             Go to Configuration
           </Button>