Add overflow-clip documentation example

[Ahmed-aleryani]

Summary

Adds a missing example section for the overflow-clip utility in the overflow documentation.

Changes

• Added new "Clipping content that overflows" example section
• Included interactive playground example with clipped profile image
• Added HTML code snippet with proper syntax highlighting
• Positioned the example logically between overflow-hidden and overflow-auto
• Included explanation of the difference between overflow-clip and overflow-hidden

Issue

Closes #2246

Testing

✅ Verified locally on development server
✅ Interactive example renders correctly
✅ Profile image clips at container boundary as expected
✅ Code snippet displays properly with syntax highlighting
✅ Dark mode compatibility confirmed
✅ Example follows existing overflow documentation patterns

What was added

The overflow-clip utility was listed in the API table but had no dedicated example section. Users couldn't see how it worked or understand the difference from overflow-hidden.

Now includes:

• Visual demonstration with clipped content
• Code example: <div class="overflow-clip ...">
• Explanation: "Unlike overflow-hidden, overflow-clip doesn't create a new formatting context and may offer better performance in some cases."

[vercel]

@Ahmed-aleryani is attempting to deploy a commit to the Tailwind Labs Team on Vercel.

A member of the Team first needs to authorize it.

[Ahmed-aleryani]

@thecrypticace Added visual example for overflow-clip. Let me know if any changes needed!

[Ahmed-aleryani]

@adamwathan Small missing documentation for overflow-clip.