refactor: cleanup, korean translation

src/components/ui/animated-switch.tsx

@@ -11,19 +11,18 @@ const MotionThumb = motion.create(SwitchPrimitive.Thumb);
 type AnimatedSwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root>;
 
 /**
- * Toggle switch with a thumb that slides between the off (left) and on
- * (right) positions and squashes wider while pressed. Animated via Framer
- * Motion — no layout shift when the parent's width changes, and the
- * pressed state is purely visual so external onCheckedChange semantics
- * stay identical to a Radix Switch.
+ * Switch whose thumb actually slides between off and on. The Root flips
+ * its flex alignment on `data-state=checked`, which moves the Thumb's
+ * layout box; Framer Motion's `layout` prop tweens between the two
+ * positions. The thumb also squashes wider while pressed.
  */
 function AnimatedSwitch({ className, ...props }: AnimatedSwitchProps) {
   return (
     <SwitchPrimitive.Root
       data-slot="animated-switch"
       className={cn(
-        "peer relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent",
-        "bg-input data-[state=checked]:bg-primary",
+        "peer relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center justify-start rounded-full border border-transparent px-[2px]",
+        "bg-input data-[state=checked]:bg-primary data-[state=checked]:justify-end",
         "transition-colors duration-200 ease-out",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         "disabled:cursor-not-allowed disabled:opacity-50",
@@ -39,8 +38,7 @@ function AnimatedSwitch({ className, ...props }: AnimatedSwitchProps) {
         )}
         layout
         transition={{ type: "spring", stiffness: 700, damping: 32, mass: 0.5 }}
-        whileTap={{ width: 22 }}
-        style={{ marginLeft: 2, marginRight: 2 }}
+        whileTap={{ width: 20 }}
       />
     </SwitchPrimitive.Root>
   );