Detect backend down (#5010)

# Description of Changes

<!--
Please provide a summary of the changes, including:

- What was changed
- Why the change was made
- Any challenges encountered

Closes #(issue_number)
-->

---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### Translations (if applicable)

- [ ] I ran
[`scripts/counter_translation.py`](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/docs/counter_translation.md)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing)
for more details.

frontend/src/core/contexts/AppConfigContext.tsx

@@ -87,7 +87,8 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
   const isBlockingMode = bootstrapMode === 'blocking';
   const [config, setConfig] = useState<AppConfig | null>(initialConfig);
   const [error, setError] = useState<string | null>(null);
-  const [fetchCount, setFetchCount] = useState(0);
+  // Track how many times we've attempted to fetch. useRef avoids re-renders that can trigger loops.
+  const fetchCountRef = React.useRef(0);
   const [hasResolvedConfig, setHasResolvedConfig] = useState(Boolean(initialConfig) && !isBlockingMode);
   const [loading, setLoading] = useState(!hasResolvedConfig);
 
@@ -96,11 +97,14 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
 
   const fetchConfig = useCallback(async (force = false) => {
     // Prevent duplicate fetches unless forced
-    if (!force && fetchCount > 0) {
+    if (!force && fetchCountRef.current > 0) {
       console.debug('[AppConfig] Already fetched, skipping');
       return;
     }
 
+    // Mark that we've attempted a fetch to prevent repeated auto-fetch loops
+    fetchCountRef.current += 1;
+
     const shouldBlockUI = !hasResolvedConfig || isBlockingMode;
     if (shouldBlockUI) {
       setLoading(true);
@@ -112,7 +116,6 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
         const testConfig = getSimulatedAppConfig();
         if (testConfig) {
           setConfig(testConfig);
-          setFetchCount((prev) => prev + 1);
           setHasResolvedConfig(true);
           setLoading(false);
           return;
@@ -128,12 +131,17 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
 
         // apiClient automatically adds JWT header if available via interceptors
         // Always suppress error toast - we handle 401 errors locally
-        const response = await apiClient.get<AppConfig>('/api/v1/config/app-config', { suppressErrorToast: true });
+        const response = await apiClient.get<AppConfig>(
+          '/api/v1/config/app-config',
+          {
+            suppressErrorToast: true,
+            skipAuthRedirect: true,
+          } as any,
+        );
         const data = response.data;
 
         console.debug('[AppConfig] Config fetched successfully:', data);
         setConfig(data);
-        setFetchCount(prev => prev + 1);
         setHasResolvedConfig(true);
         setLoading(false);
         return; // Success - exit function
@@ -170,7 +178,7 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
     }
 
     setLoading(false);
-  }, [fetchCount, hasResolvedConfig, isBlockingMode, maxRetries, initialDelay]);
+  }, [hasResolvedConfig, isBlockingMode, maxRetries, initialDelay]);
 
   useEffect(() => {
     // Skip config fetch on auth pages (/login, /signup, /auth/callback, /invite/*)
@@ -209,11 +217,13 @@ export const AppConfigProvider: React.FC<AppConfigProviderProps> = ({
     return () => window.removeEventListener('jwt-available', handleJwtAvailable);
   }, [fetchConfig]);
 
+  const refetch = useCallback(() => fetchConfig(true), [fetchConfig]);
+
   const value: AppConfigContextValue = {
     config,
     loading,
     error,
-    refetch: () => fetchConfig(true),
+    refetch,
   };
 
   return (