[Admin] Use aria-disabled for setting anchor buttons as disabled

[elia]

Summary

Rely on ARIA-attributes instead of custom data-ui attributes for showing anchors as active or disabled in the ui/tab and ui/button components.

Checklist

Check out our PR guidelines for more details.

The following are mandatory for all PRs:

• I have written a thorough PR description.
• I have kept my commits small and atomic.
• I have used clear, explanatory commit messages.

The following are not always needed:

• 📖 I have updated the README to account for my changes.
• 📑 I have documented new code with YARD.
• 🛣️ I have opened a PR to update the guides.
• ✅ I have added automated tests to cover my changes.
• 📸 I have attached screenshots to demo visual changes.

[codecov]

Codecov Report

Merging #5287 (8ad4a62) into nebulab/admin (c50a3c8) will decrease coverage by 0.01%.
The diff coverage is 100.00%.

@@                Coverage Diff                @@
##           nebulab/admin    #5287      +/-   ##
=================================================
- Coverage          88.52%   88.51%   -0.01%     
=================================================
  Files                597      597              
  Lines              14523    14518       -5     
=================================================
- Hits               12856    12851       -5     
  Misses              1667     1667              

Files Changed	Coverage Δ
...pp/components/solidus_admin/ui/button/component.rb	100.00% <ø> (ø)
...n/app/components/solidus_admin/ui/tab/component.rb	100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[rainerdema]

Thanks @elia 👍

[the-krg]

💯

[kennyadsl]

Now that the implementation (using a button under the hood) is hidden, can't we just treat the way we set is as active as an implementation detail? I think it makes more sense as it was before, with the active and disabled params determining the state of the button.

[elia]

Active is still a state that cannot be controlled programmatically, so for that we still need another way to tap into it.

See https://developer.mozilla.org/en-US/docs/Web/CSS/:active#active_form_elements

[kennyadsl]

Yeah, sorry. For active, I meant selected (the current tab that is selected), not the activation on click.