skeletons, tournament stats, polish, bug fixes

src/components/swipeable-tabs.tsx

@@ -101,20 +101,23 @@ function SwipeableTabs({
   useEffect(() => {
     const timeoutId = setTimeout(updateHeight, 0);
     return () => clearTimeout(timeoutId);
-  });
+  }, [updateHeight]);
 
   useEffect(() => {
     const activeSlideRef = slideRefs.current[activeTab];
     if (!activeSlideRef) return;
 
+    let timeoutId: number;
     const resizeObserver = new ResizeObserver(() => {
-      updateHeight();
+      clearTimeout(timeoutId);
+      timeoutId = setTimeout(updateHeight, 16);
     });
 
     resizeObserver.observe(activeSlideRef);
 
     return () => {
       resizeObserver.disconnect();
+      clearTimeout(timeoutId);
     };
   }, [activeTab, updateHeight]);