Merge branch 'rtl-toggle' into 'main'

Fix RTL Toggle

Closes #1462

See merge request soapbox-pub/soapbox!2787

src/components/ui/toggle/toggle.tsx

@@ -30,9 +30,9 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked = false, onC
     >
       <div className={clsx('rounded-full bg-white transition-transform', {
         'h-4.5 w-4.5': size === 'sm',
-        'translate-x-3.5': size === 'sm' && checked,
+        'translate-x-3.5 rtl:-translate-x-3.5': size === 'sm' && checked,
         'h-6 w-6': size === 'md',
-        'translate-x-4': size === 'md' && checked,
+        'translate-x-4 rtl:-translate-x-4': size === 'md' && checked,
       })}
       />