Table: allow striped + expandable

[djoks]

• Fixed issue with zebra striping not being applied to table when rows are expandable.
• Updated nth-child selectors to correctly handle every 4th and 3rd rows.
• Resolved conflicts between hover states and expanded rows using dynamic ::class and class bindings.

Bug Report:

MaryUI version: ^1.20
Livewire version: ^3.5

Affected Browsers:

• Chrome
• Firefox
• Safari
• Edge

What Happened?

• Zebra Striping Issue: Rows with the expandable feature were affected by zebra striping, causing inconsistent row styling, particularly on hover.

Screencast:

mary-ui-djoks-fix-table-zebra-expandable.mp4

[djoks]

@robsontenorio I implemented a fix for this using arbitrary values and variants in Tailwindcss. Please check it out.

[robsontenorio]

Thanks!

I simplified the implementation to keep the same behavior expected for expanded style and use daisyUI utility classes instead of raw CSS variables.