Add aria-disabled attribute to button

When the button is disabled, it should be marked
as aria-disabled.
This also clears the color contrast violation
for the 50% opacity as the element is
semantically marked as disabled.

Author: Taucher2003

src/components/button/Button.tsx

@@ -26,7 +26,8 @@ const Button: React.FC<ButtonType> = (props) => {
     const content = getContent(children, ButtonIcon)
 
 
-    return <a {...args} className={`button button--${variant} ${active ? "button--active" : ""} ${disabled ? "button--disabled" : ""}`}>
+    return <a {...args} className={`button button--${variant} ${active ? "button--active" : ""} ${disabled ? "button--disabled" : ""}`}
+        aria-disabled={disabled ? "true" : "false"}>
         {icon}
         {content ? <span className={"button__content"}>{content}</span> : null}
     </a>