docs: fix typo on custom toaster

site/pages/docs/toast.mdx

@@ -42,7 +42,7 @@ toast('Hello World', {
 
 ### Blank
 
-```
+```js
 toast('Hello World');
 ```
 
@@ -152,15 +152,15 @@ You can dismiss all toasts at once, by leaving out the `toastId`.
 
 #### Dismiss all toasts at one
 
-```
+```js
 toast.dismiss()
 ```
 
 To remove toasts instantly without any animations, use `toast.remove`.
 
 #### Remove toasts instanstly
 
-```
+```js
 toast.remove(toastId)
 
 // or

site/pages/docs/use-toaster-store.mdx

@@ -13,7 +13,7 @@ This hook gives you access to the internal toaster state. This is the right choi
 
 In comparison to [`useToaster()`](/docs/use-toaster) it does not handle pausing or provide handlers for creating your own notification system.
 
-```
+```jsx
 import { useToasterStore } from "react-hot-toast";
 
 const { toasts, pausedAt } = useToasterStore();

site/pages/docs/use-toaster.mdx

@@ -71,9 +71,9 @@ const Notifications = () => {
       onMouseLeave={endPause}
     >
       {toasts.map((toast) => {
-        const offset = calculateOffset(toast.id, {
+        const offset = calculateOffset(toast, {
           reverseOrder: false,
-          margin: 8,
+          gutter: 8,
         });
 
         const ref = (el) => {