fix: added useCallback for controlling debounce function triggering on every rerendeer

Added a useCallback function, which helps keeping only one version of the debounce function, what happens is that when we type in the editor, the rerenders produces multiple debounce function, which all triggers together after the specifier amount of time, making many request to backend, consiquently failing the debounce. Now useCallback will give only one function even if the rerenders are happening which fixes the issue

web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx

@@ -328,6 +328,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
     description_html: "",
   });
 
+  // ADDING updatePage TO DEPENDENCY ARRAY PRODUCES ADVERSE EFFECTS
   const debouncedFormSave = useCallback(
     debounce(async () => {
       handleSubmit(updatePage)().finally(() => setIsSubmitting("submitted"));