feat: add image gallery and measurements section in the main live preview edit section

Author: devvaannsh

docs/07-Pro Features/01-live-preview-edit.md

@@ -111,7 +111,7 @@ Alternatively, you can change this setting by updating the `livePreviewElementHi
 
 The **Inline Text Editing** feature lets you modify text content directly in the Live Preview, with all changes automatically synced to the source code.
 
-To start editing, **double-click** an element in the Live Preview or click the **Edit Text** button *(pencil icon)* in the Tool Box.  
+To start editing, **double-click** an element in the Live Preview or click the **Edit Text** button *(pen icon)* in the Tool Box.  
 Edit the text as needed, then press `Enter` to save or `Esc` to cancel.  
 To insert a line break, press `Shift + Enter`.
 
@@ -129,6 +129,14 @@ You can apply formatting to selected text using standard keyboard shortcuts:
 
 ---
 
+## Image Gallery
+
+The **Image Gallery** lets you browse and select images from online image providers or your device and use them in your project directly.
+
+[Read More](./image-gallery)
+
+---
+
 ## Drag and Drop
 
 The **Drag and Drop** feature lets you reposition elements in the Live Preview by dragging them to a new location. The source code is automatically updated with the new structure when you drop the element.
@@ -155,6 +163,14 @@ To cancel a drag, press `Esc`.
 
 ---
 
+## Measurements
+
+The **Measurements** feature displays ruler lines from the edges of a selected element to the document edges, showing exact pixel positions.
+
+[Read More](./measurements)
+
+---
+
 ## Cut, Copy, and Paste
 
 You can cut, copy, and paste elements in Edit Mode using standard keyboard shortcuts or the Tool Box **More Options** menu *(three-dots icon)*.