bug: Breadcrumb arrows wrong spacing in RTL

[ahmafi]

Reproduction URL (Required)

https://play.tailwindcss.com/PnsTWOKJxx?file=css

What version of daisyUI are you using?

5.5.18

Which browsers are you seeing the problem on?

All browsers

Describe your issue

Current Breadcrumbs RTL spacing:

What should be:

This issue was addressed in #1598 before. But it seem that it never got fixed. The solution described in that issue, uses [dir='rtl'] to fix the wrong margin-left and margin-right issues in RTL mode.

Now there are margin-inline-end and maring-inline-start available with Baseline support.

Maybe we can use these new CSS margins instead that fixes the problem in RTL without separate selectors?

Also there is already a [dir='rtl'] selector to rotate the breadcrumb arrows in RTL, we could also keep using margin-left and margin-right in there.

I'm happy to create a PR if that sounds OK (this is really triggering my OCD 😄).

[github-actions]

Thank you @ahmafi 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.

[pdanpdan]

I think the problem was just forgotten: https://play.tailwindcss.com/Q5NwJppxTd?file=css