fix: uses data-active state as reka-ui applies it on NavigationMenuLink

[benkroeger]

reka-ui sets data-active attribute depending on condition. previous implementation used css class that checked for data-[active=true] which was never a match

🔗 Linked issue

#1591

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

styles on NavigationMenuLink use a tailwind data-attribute selector data-[active=true] to apply styles for the active item.
However, reka-ui either sets the attribute data-active or not. i.e., data-[active=true] is never a match

https://github.com/unovue/reka-ui/blob/1e0670da1d9cf9652cb4cf89aa2015265dbd60d0/packages/core/src/NavigationMenu/NavigationMenuLink.vue#L60C8-L60C19

this pr replaces those selectors with data-active

resolves #1591

📸 Screenshots (if appropriate)

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.