chore: fix review changes

Author: adithyaakrishna

apps/sim/components/emcn/components/banner/banner.tsx

@@ -16,6 +16,8 @@ import { cn } from '@/lib/core/utils/cn'
  * - **info** - Blue background for informational highlights
  * - **success** - Green background for positive confirmations
  */
+// TODO: Replace raw Tailwind palette colors with semantic tokens once
+// muted banner background tokens (e.g. --banner-destructive-bg) are added to globals.css.
 const bannerVariants = cva('shrink-0 px-6 py-2.5', {
   variants: {
     variant: {

apps/sim/components/emcn/components/switch/switch.tsx

@@ -38,7 +38,7 @@ const switchThumbVariants = cva(
   {
     variants: {
       size: {
-        sm: 'h-2.5 w-2.5 data-[state=checked]:translate-x-[11px] data-[state=unchecked]:translate-x-0.5',
+        sm: 'h-2.5 w-2.5 data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0.5',
         md: 'h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5',
         lg: 'h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5',
       },

apps/sim/components/emcn/components/textarea/textarea.tsx

@@ -12,16 +12,16 @@ import { cn } from '@/lib/core/utils/cn'
  * - **ghost** - Transparent background, border only on focus/hover
  */
 const textareaVariants = cva(
-  'flex w-full touch-manipulation rounded-sm border font-medium font-sans text-sm text-[var(--text-primary)] transition-colors placeholder:text-[var(--text-muted)] outline-none resize-none overflow-auto disabled:cursor-not-allowed disabled:opacity-50',
+  'flex w-full touch-manipulation rounded-sm border px-2 py-2 font-medium font-sans text-sm text-[var(--text-primary)] transition-colors placeholder:text-[var(--text-muted)] outline-none resize-none overflow-auto disabled:cursor-not-allowed disabled:opacity-50',
   {
     variants: {
       variant: {
         default:
-          'border-[var(--border-1)] bg-[var(--surface-5)] px-2 py-2 focus-visible:border-[var(--text-muted)]',
+          'border-[var(--border-1)] bg-[var(--surface-5)] focus-visible:border-[var(--text-muted)]',
         error:
-          'border-[var(--text-error)] bg-[var(--surface-5)] px-2 py-2 focus-visible:border-[var(--text-error)]',
+          'border-[var(--text-error)] bg-[var(--surface-5)] focus-visible:border-[var(--text-error)]',
         ghost:
-          'border-transparent bg-transparent px-2 py-2 hover-hover:bg-[var(--surface-4)] focus-visible:border-[var(--border-1)] focus-visible:bg-[var(--surface-5)]',
+          'border-transparent bg-transparent hover-hover:bg-[var(--surface-4)] focus-visible:border-[var(--border-1)] focus-visible:bg-[var(--surface-5)]',
       },
     },
     defaultVariants: {