fix: Undo Breaking Change by re-allowing disabled prop on button (#8462)

* Revert "refactor: button disabled prop"

This reverts commit 0f37665.

Fixes #7269, #7816 and #7905 and also enables the only currently known
workaround for 	#7965. Removing the ability to use the disabled-prop
posed a breaking change, which is hereby fixed.

* docs: update

---------

Co-authored-by: Segun Adebayo <joseshegs@gmail.com>

.changeset/nine-bags-rest.md

@@ -0,0 +1,5 @@
+---
+"@chakra-ui/react": patch
+---
+
+Revert breaking change by re-allowing disabled prop on button

packages/components/src/button/button.tsx

@@ -76,6 +76,7 @@ export const Button = forwardRef<ButtonProps, "button">((props, ref) => {
 
   return (
     <chakra.button
+      disabled={isDisabled || isLoading}
       ref={useMergeRefs(ref, _ref)}
       as={as}
       type={type ?? defaultType}
@@ -84,7 +85,6 @@ export const Button = forwardRef<ButtonProps, "button">((props, ref) => {
       __css={buttonStyles}
       className={cx("chakra-button", className)}
       {...rest}
-      disabled={isDisabled || isLoading}
     >
       {isLoading && spinnerPlacement === "start" && (
         <ButtonSpinner