Added timeout to fetch components

frontend/app/components/ui/search/useSearch.tsx

@@ -32,7 +32,9 @@ const useSearch = (): UseSearchResult => {
                 setIsLoading(false);
                 return;
             }
-            const response = await fetch(`${search_api}?query=${query}`);
+            const response = await fetch(`${search_api}?query=${query}`, {
+                signal: AbortSignal.timeout(10000), // Abort the request if it takes longer than 10 seconds
+                });
             const data = await response.json();
             setSearchResults(data);
         } catch (error) {

frontend/app/status/page.tsx

@@ -12,7 +12,9 @@ const StatusPage = () => {
   const { data, error, isValidating, mutate } = useSWR(healthcheck_api, async (url) => {
     try {
       // Fetch the data
-      const response = await fetch(url);
+      const response = await fetch(url, {
+        signal: AbortSignal.timeout(5000), // Abort the request if it takes longer than 5 seconds
+        });
       if (!response.ok) {
         throw new Error(response.statusText || 'Unknown Error');
       }