🎨 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/theme-quick-switcher.tsx

@@ -21,7 +21,7 @@ export function ThemeQuickSwitcher() {
         <div
           role='radiogroup'
           aria-labelledby='theme-switcher-label'
-          className='border-muted/50 bg-muted/40 inline-flex w-auto items-center gap-1.5 rounded-full border px-1.5 py-1'
+          className='border-muted/50 bg-muted/40 inline-flex w-auto items-center gap-1.5 rounded-lg border px-1.5 py-1'
         >
           <Button
             variant='ghost'
@@ -31,14 +31,14 @@ export function ThemeQuickSwitcher() {
             aria-checked={theme === 'system'}
             onClick={() => setTheme('system')}
             className={cn(
-              'relative size-7 rounded-full',
+              'relative size-7',
               theme === 'system' && 'text-accent-foreground'
             )}
           >
             {theme === 'system' && (
               <motion.span
                 layoutId='theme-switcher-active'
-                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                className='bg-accent ring-border absolute inset-0 rounded-md ring-1'
                 transition={{
                   type: 'spring',
                   stiffness: 500,
@@ -58,14 +58,14 @@ export function ThemeQuickSwitcher() {
             aria-checked={theme === 'light'}
             onClick={() => setTheme('light')}
             className={cn(
-              'relative size-7 rounded-full',
+              'relative size-7',
               theme === 'light' && 'text-accent-foreground'
             )}
           >
             {theme === 'light' && (
               <motion.span
                 layoutId='theme-switcher-active'
-                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                className='bg-accent ring-border absolute inset-0 rounded-md ring-1'
                 transition={{
                   type: 'spring',
                   stiffness: 500,
@@ -85,14 +85,14 @@ export function ThemeQuickSwitcher() {
             aria-checked={theme === 'dark'}
             onClick={() => setTheme('dark')}
             className={cn(
-              'relative size-7 rounded-full',
+              'relative size-7',
               theme === 'dark' && 'text-accent-foreground'
             )}
           >
             {theme === 'dark' && (
               <motion.span
                 layoutId='theme-switcher-active'
-                className='bg-accent ring-border absolute inset-0 rounded-full ring-1'
+                className='bg-accent ring-border absolute inset-0 rounded-md ring-1'
                 transition={{
                   type: 'spring',
                   stiffness: 500,