fix(TimeField): correct hour display in 12-hour format

[al1maher]

🔗 Linked issue

nuxt/ui#5737

❓ Type of change

• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 📖 Documentation (updates to the documentation or readme)
• 👌 Enhancement (improving an existing functionality)
• ✨ 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

Modified the segmentContents computed property in TimeFieldRoot.vue to convert 24-hour internal representation to proper 12-hour display format when hourCycle === 12.

📝 Checklist

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

[sadeghbarati]

Related PR #2254

[al1maher]

Related PR #2254

I think both commits / changes are needed, as both issues need to be addressed