Fix: Added margin below example headings for better spacing (resolves #975)

[arkia09]

Problem

In the Examples section, the headings are too close to the images below them. This makes the layout look so cramped.

Solution

• Added margin-bottom: var(--spacing-md) to example headings for better spacing.
• Ensures a consistent gap between heading text and the following image

How it looked before:

How it looks after fix:

Linked Issue:

#975