🎨 fix(theme): align UI controls with global radius tokens

Remove hard-coded and capped border radius overrides so shared controls and feature actions consistently follow the active theme radius.

- Replace fixed radius utilities with semantic theme-aware radius tokens
- Remove redundant `rounded-full` and pixel-based overrides from header, toolbar, Playground, and utility actions
- Drop unused `StatusBadge` rounded prop usage
- Keep existing component behavior intact while improving global theme consistency

web/default/src/components/auto-skeleton.tsx

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react'
 import type { UseQueryResult } from '@tanstack/react-query'
 import { AutoSkeleton } from 'auto-skeleton-react'
+import { useThemeRadiusPx } from '@/lib/theme-radius'
 import { ErrorState } from '@/components/error-state'
 
 interface ContentSkeletonProps {
@@ -13,6 +14,8 @@ interface ContentSkeletonProps {
 }
 
 export function ContentSkeleton(props: ContentSkeletonProps) {
+  const themeRadius = useThemeRadiusPx()
+
   return (
     <div className={props.className}>
       <AutoSkeleton
@@ -21,7 +24,7 @@ export function ContentSkeleton(props: ContentSkeletonProps) {
           animation: 'none',
           baseColor: 'var(--skeleton-base)',
           highlightColor: 'var(--skeleton-highlight)',
-          borderRadius: props.borderRadius ?? 6,
+          borderRadius: props.borderRadius ?? themeRadius,
           minTextHeight: props.minTextHeight ?? 14,
           maxDepth: props.maxDepth ?? 10,
         }}