refactor: simplify useAnimatedPlaceholder and remove unused useEffect in useDateRange

- Refactored the `useAnimatedPlaceholder` hook to streamline the timeout logic and reduce redundancy.
- Removed an unused `useEffect` in the `useDateRange` hook to clean up the codebase.
- Enhanced error handling in the `useFilterManagement` hook by adding a try-catch block around the API call for better resilience.

Author: morbargig

apps/frontend/src/hooks/useAnimatedPlaceholder.ts

@@ -43,36 +43,40 @@ export const useAnimatedPlaceholder = ({
     let timeoutId: ReturnType<typeof setTimeout>;
 
     if (phase === 'typing') {
-      if (currentText.length < currentExample.length) {
-        timeoutId = setTimeout(() => {
-          setCurrentText(currentExample.slice(0, currentText.length + 1));
-        }, typingSpeed);
-      } else {
-        timeoutId = setTimeout(() => {
-          setPhase('pausing');
-        }, pauseDuration);
-      }
+      timeoutId = setTimeout(() => {
+        setCurrentText((prevText) => {
+          if (prevText.length < currentExample.length) {
+            return currentExample.slice(0, prevText.length + 1);
+          } else {
+            setPhase('pausing');
+            return prevText;
+          }
+        });
+      }, typingSpeed);
     } else if (phase === 'pausing') {
       timeoutId = setTimeout(() => {
         setPhase('deleting');
       }, pauseDuration);
     } else if (phase === 'deleting') {
-      if (currentText.length > 0) {
-        timeoutId = setTimeout(() => {
-          setCurrentText(currentText.slice(0, -1));
-        }, deletingSpeed);
-      } else {
-        setCurrentIndex((prevIndex) => (prevIndex + 1) % examples.length);
-        setPhase('typing');
-      }
+      timeoutId = setTimeout(() => {
+        setCurrentText((prevText) => {
+          if (prevText.length > 0) {
+            return prevText.slice(0, -1);
+          } else {
+            setCurrentIndex((prevIndex) => (prevIndex + 1) % examples.length);
+            setPhase('typing');
+            return prevText;
+          }
+        });
+      }, deletingSpeed);
     }
 
     return () => {
       if (timeoutId) {
         clearTimeout(timeoutId);
       }
     };
-  }, [currentText, currentIndex, phase, examples, isActive, typingSpeed, pauseDuration, deletingSpeed]);
+  }, [currentIndex, phase, examples, isActive, typingSpeed, pauseDuration, deletingSpeed]);
 
   return currentText;
 }; 

apps/frontend/src/hooks/useDateRange.ts

@@ -49,19 +49,6 @@ export const useDateRange = ({ t }: UseDateRangeProps) => {
 
   const committedTab = dateRangeSettings.committedTab;
 
-  useEffect(() => {
-    const startDateString = dateRange[0]?.toISOString();
-    const endDateString = dateRange[1]?.toISOString();
-
-    setDateRangeSettings((prev) => ({
-      ...prev,
-      datePicker: {
-        startDate: startDateString || null,
-        endDate: endDateString || null,
-      },
-    }));
-  }, [dateRange, setDateRangeSettings]);
-
   const setDateRangeTab = (tab: number) => {
     setDateRangeSettings((prev) => ({
       ...prev,

apps/frontend/src/hooks/useFilterManagement.ts

@@ -312,18 +312,24 @@ export const useFilterManagement = ({
 
             // Also try API call if authenticated
             if (authToken) {
-                const response = await fetch(
-                    getApiUrl(`/chats/${currentChatId}/filters`),
-                    {
-                        headers: {
-                            Authorization: `Bearer ${authToken}`,
-                        },
+                try {
+                    const response = await fetch(
+                        getApiUrl(`/chats/${currentChatId}/filters`),
+                        {
+                            headers: {
+                                Authorization: `Bearer ${authToken}`,
+                            },
+                        }
+                    );
+
+                    if (response.ok) {
+                        const apiFilters = await response.json();
+                        console.log("✅ API filters loaded:", apiFilters.length);
+                    } else if (response.status === 401) {
+                        console.warn("⚠️ Unauthorized - auth token may be expired or invalid");
                     }
-                );
-
-                if (response.ok) {
-                    const apiFilters = await response.json();
-                    console.log("✅ API filters loaded:", apiFilters.length);
+                } catch (apiError) {
+                    console.warn("⚠️ Failed to load filters from API (continuing with localStorage):", apiError);
                 }
             }
         } catch (error) {