increase debounce to tune loader

Author: nemanjam

src/components/react/Gallery.tsx

@@ -126,10 +126,12 @@ const Gallery: FC<Props> = ({ images }) => {
       </div>
 
       {/* control threshold with margin-top */}
+      {/* must be on top so loader doesn't affect it */}
       <div ref={observerTarget} className="mt-0" />
 
       <div
         className={cn(
+          // duration-500 is related to OBSERVER_DEBOUNCE: 300
           'flex items-center justify-center transition-all duration-500 ease-in-out',
           shouldShowLoader ? 'min-h-48' : 'min-h-0'
         )}

src/constants/gallery.ts

@@ -8,5 +8,5 @@ export const GALLERY = {
   /** page dependency in useEffect is more important */
   INITIAL_PAGE: 1,
   /** fine tuned for scroll */
-  OBSERVER_DEBOUNCE: 150,
+  OBSERVER_DEBOUNCE: 300,
 } as const;