ui(settings): restore scroll synchronously to prevent flicker; dx(ui): name TabContent for clearer DevTools

Author: daniel-lxs

webview-ui/src/components/common/Tab.tsx

@@ -45,6 +45,7 @@ export const TabContent = forwardRef<HTMLDivElement, TabProps>(({ className, chi
 		</div>
 	)
 })
+TabContent.displayName = "TabContent"
 
 export const TabList = forwardRef<
 	HTMLDivElement,

webview-ui/src/components/settings/SettingsView.tsx

@@ -411,12 +411,10 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 		[activeTab],
 	)
 
-	useEffect(() => {
-		requestAnimationFrame(() => {
-			if (contentRef.current) {
-				contentRef.current.scrollTop = scrollPositions.current[activeTab] ?? 0
-			}
-		})
+	useLayoutEffect(() => {
+		if (contentRef.current) {
+			contentRef.current.scrollTop = scrollPositions.current[activeTab] ?? 0
+		}
 	}, [activeTab])
 
 	// Store direct DOM element refs for each tab