Add Grid, Guides & Snap-to (Alignment Helpers) in GemPages v7 Editor

Please add a proper visual alignment system to the GemPages v7 editor: grid overlay, guides/rulers, and snap-to alignment (edges/center/spacing). This would make layout building faster and more precise—especially for modern UX/UI, landing pages, and consistent spacing across sections.

Problem / Why it matters:
Right now, aligning elements and keeping consistent spacing often requires manual tweaking and repeated “eye-balling.” On complex pages (multi-column rows, cards, headings + CTAs), it’s easy to end up with small misalignments that hurt visual quality and perceived trust.

Requested features:

1. Grid Overlay

• Toggle on/off grid overlay on canvas

• Configurable grid (e.g., 4/8/12 columns, spacing units)

• Optional: baseline grid for typography rhythm

2. Rulers + Guides

• Top/left rulers (optional)

• Drag-and-drop guides from rulers

• Ability to lock/unlock and clear guides

3. Snap-to / “Sticky” Alignment

• Snap elements to:

  • container edges

  • center line (horizontal/vertical)

  • other elements’ edges/centers

  • consistent spacing (equal gaps)

• Visual indicators while dragging (smart guides)

• Toggle snapping on/off (or hold a key to temporarily disable)

4. Spacing/Alignment Measurements (nice-to-have)

• Show live distance (px) between elements while moving

• Show padding/margin hints relative to container

How this improves UX/UI + conversion:

• Cleaner, more consistent layouts increase perceived quality/trust.

• Faster editing → more iteration on messaging and conversion flow.

• Helps build “polished” pages like in Figma/Canva/Webflow with fewer manual adjustments.

Extra note: This becomes even more important as GemPages v7 adds more advanced interactions and components—alignment tools are a foundational productivity and quality feature.