feat(TabPanels): Add validation for React elements

[synuns]

• I have read the Contribution Guide for this project.

Overview

This PR introduces a check to ensure that each child processed in the TabPanels component is a valid React element. This update is crucial for preventing runtime errors that occur when non-element children (such as strings or booleans) are included in the Tabs component.

Changes

• Added a validation using React.isValidElement before processing children in TabPanels.
• This ensures that only valid React elements are cloned and manipulated, which enhances the robustness of the component.

Impact

• Prevents potential bugs and crashes in applications using the TabPanels component with diverse children types.
• Improves the reliability and developer experience by ensuring that only appropriate children are processed.

[YossiSaadi]

Hey @synuns!
Thank you for your addition to Vibe!

I'm curious, though, could you share what caused you to add this check?
We aim to understand the various use cases and experiences of our community, and your insight could be valuable.
Is it something that couldn't be caught during development?