fix typos

docs/src/content/docs/ui-and-theme/components.mdx

@@ -291,7 +291,7 @@ Read more about Handling Forms [here](../forms/).
 
 ## Checkbox, Radio & Switch
 
-We provide a set of three simple and customizable components including a `Checkbox`, a `Radio` and a `Switch`, witch share the same components under the hood.
+We provide a set of three simple and customizable components including a `Checkbox`, a `Radio`, and a `Switch`, which share the same logic under the hood.
 
 The `Checkbox`, `Switch`, and `Radio` components are very similar as they share a common structure and are supposed to handle boolean values, their primary difference being the icon they display and the associated accessibility label. Each component accepts a range of props, allowing us to customize their appearance, behavior, and accessibility features.
 
@@ -333,7 +333,7 @@ const App = () => {
 
 By default the component will render a label with the text you passed as label prop and clicking on the label will toggle the component as well.
 
-For rendering a custom Checkbox, you can use the `Checkbox.Root`, `Checkbox.Icon` and `Checkbox.Label` components.
+For rendering a custom Checkbox, you can use the `Checkbox.Root`, `Checkbox.Icon`, and `Checkbox.Label` components.
 
 ```tsx
 import { Checkbox } from '@/ui';