refetch user quota once in 10 minutes and on code studio open

client/src/context/providers/PersonalQuotaContextProvider.tsx

@@ -21,14 +21,24 @@ export const PersonalQuotaContextProvider = memo(
     const refetchQuota = useCallback(() => {
       getQuota().then((resp) => {
         setIsSubscribed(resp.upgraded);
-        setQuota({ used: resp.used, allowed: resp.allowed });
+        setQuota((prev) => {
+          const newState = { used: resp.used, allowed: resp.allowed };
+          if (JSON.stringify(prev) === JSON.stringify(newState)) {
+            return prev;
+          }
+          return newState;
+        });
         setRequestsLeft(Math.max(resp.allowed - resp.used, 0));
         setHasCheckedQuota(true);
       });
     }, []);
 
     useEffect(() => {
       refetchQuota();
+      const intervalId = setInterval(() => refetchQuota(), 10 * 60 * 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
     }, [refetchQuota]);
 
     const contextValue = useMemo(

client/src/pages/HomeTab/CodeStudiosSection/CodeStudioCard.tsx

@@ -17,6 +17,7 @@ import { ContextMenuItem } from '../../../components/ContextMenu';
 import { deleteCodeStudio } from '../../../services/api';
 import FileIcon from '../../../components/FileIcon';
 import LiteLoaderContainer from '../../../components/Loaders/LiteLoader';
+import { PersonalQuotaContext } from '../../../context/personalQuotaContext';
 
 type Props = {
   modified_at: string;
@@ -42,14 +43,16 @@ const CodeStudioCard = ({
   const { t } = useTranslation();
   const { locale } = useContext(LocaleContext);
   const { handleAddStudioTab, handleRemoveTab } = useContext(TabsContext);
+  const { refetchQuota } = useContext(PersonalQuotaContext.Handlers);
 
   const handleClick = useCallback(() => {
     if (!isIndexing) {
       handleAddStudioTab(name, id);
+      refetchQuota();
     } else {
       showCodeStudioIndexingPopup();
     }
-  }, [name, handleAddStudioTab, isIndexing]);
+  }, [name, handleAddStudioTab, isIndexing, refetchQuota]);
 
   const dropdownItems = useMemo(() => {
     const items: ContextMenuItem[] = [