Enhance README with detailed integration steps and images (makenotion#5)

Author: bchewy

README.md

@@ -8,7 +8,13 @@ This project implements an [MCP server](https://spec.modelcontextprotocol.io/) f
 
 ### Installation
 
-Add the following to your `.cursor/mcp.json` or `claude_desktop_config.json` (MacOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`)
+#### 1 First Step:
+Go to https://www.notion.so/profile/integrations and create a new internal integration.
+<img width="918" alt="tutorial" src="tutorial0.png" />
+
+
+#### 2 Second Step:
+ Add the following to your `.cursor/mcp.json` or `claude_desktop_config.json` (MacOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`)
 
 ```javascript
 {
@@ -25,10 +31,16 @@ Add the following to your `.cursor/mcp.json` or `claude_desktop_config.json` (Ma
 ```
 
 Don't forget to replace `ntn_****` with your integration secret. Find it from your integration configuration tab:
+
 <img width="918" alt="retrieve-token" src="https://github.com/user-attachments/assets/67b44536-5333-49fa-809c-59581bf5370a" />
 
+#### 3 Third Step:
 Ensure relevant pages and databases are connected to your integration.
 
+To do this, you'll need to visit that page, and click on the 3 dots, and select "Connect to integration". 
+<img width="918" alt="tutorial" src="tutorial.png" />
+
+
 ### Examples
 
 1. Using the following instruction