bug: "join" applies incorrect border radius when used with a single item

[brianhelba]

Reproduction URL (Required)

https://play.tailwindcss.com/kn3hGQnOwU

What version of daisyUI are you using?

v5.0.0

Which browsers are you seeing the problem on?

Chrome, All browsers

Describe your issue

When a join or join join-vertical is used with a single item inside, the border radius is only applied as though that item is the "last", but not also the "first". This results in ugly content with mismatched border radii.

The desired behavior is that the border radius should be applied to all corners of the single item.

Use of join with a single item may frequently occur when dynamically rendering the items with a loop, where the cardinality is not known in advance (and may be zero, one, or many).

[github-actions]

Thank you @brianhelba for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[aforcada]

@saadeghi I'm interested in working on this issue.

[saadeghi]

@aforcada thanks, I will assign you.
The challenge is, it shouldn't break existing behavior.

If a join-item is nested in divs and is the single item of the div but is not the single item of the join, it should work as is.