docs: 📝 Update docs with first alternative usage (partial update)

Author: dennib

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
     "editor.tokenColorCustomizations": {
-        "comments": "#5c5c5c",
+        "comments": "",
         "textMateRules": []
     }
 }

README.md

@@ -15,6 +15,9 @@ react-use-modal is a custom hook that provides a flexible and reusable way to ma
 
 - [Installation](#installation)
 - [Usage](#usage)
+  - [Basic](#basic)
+  - [Advanced](#advanced)
+    - [Partial config update](#update-current-config-partially)
 - [API](#api)
   - [Properties and methods](#properties-and-methods)
   - [Hook configuration / Modal props](#hook-configuration--modal-props)
@@ -33,7 +36,9 @@ npm install react-use-modal
 
 ## Usage
 
-1. Import the `useModal` hook
+### Basic
+
+1. **Import** the `useModal` hook
 
 ```jsx
 import { useModal } from "react-use-modal";
@@ -83,16 +88,73 @@ const MyPageComponent = () => {
   return (
     <>
       ...Some page content here...
-      <div onClick={handleOpenModal} className="btn">Show modal</div>
+      <div onClick={handleOpenModal} className="btn">
+        Show modal
+      </div>
       <Modal {...modalConfig} />
     </>
   );
 };
 ```
 
 ![example1](https://user-images.githubusercontent.com/13068594/226113275-1ede9847-f6e8-4e97-87d0-d353bee5f4e0.jpg)
+
 > _Basic example: click on "Show modal" button will execute `setModalConfig` with the config we defined_.
 
+### Advanced
+
+#### **Update** current config **partially**
+
+_Maybe you want to update only part of current `modalConfig`, let's say we have an open modal and we would like to change part of it's content when the user presses one of it's buttons. We can achieve this by using the functino `updateModalConfig` returned by the hook like so_
+
+```jsx
+const MyPageComponent = () => {
+  const { setModalConfig, modalConfig, updateModalConfig } = useModal();
+
+  const handleOpenModal = () => {
+    setModalConfig({
+      open: true,
+      title: "I'm the first modal",
+      children:
+        "Content message of the modal inside a component of your choice",
+      buttons: [
+        {
+          text: "Cancel",
+        },
+        {
+          text: "Confirm",
+          disableClose: true,
+          onClick: showSecondModal,
+        },
+      ],
+    });
+
+  const showSecondModal = () => {
+    updateModalConfig({
+      title: "I'm the second modal",
+      children:
+        "Are you sure you want to proceed?",
+      buttons: [
+        {
+          text: "Yes, I am!",
+        },
+      ],
+    });
+  }
+
+
+ // ... same jsx content as seen above
+
+};
+```
+
+_Here we've added a second button, the cancel button simply abort the operation closing the modal (so has no need for additional handlers, the confirm button is stopped from closing the modal, we pass it a handler which calls `updteModalConfig` from the hook and we update with it only the parts of the config that we need._
+
+![example2](https://user-images.githubusercontent.com/13068594/226114740-d2d81e7c-ca27-4b9e-a055-0eb1de71a757.jpg)
+
+> _Advanced usage: here you can see `updateModalConfig` in action, passing from previous config (left) to partially modified one (right)_.
+## Examples
+
 ## API
 
 ### Properties and methods