Add `cursor:pointer` to color inputs (#32020)

* Add `cursor:pointer` for color inputs

* Add to migration guide

scss/forms/_form-control.scss

@@ -1,5 +1,5 @@
 //
-// Textual form controls
+// General form controls (plus a few specific high-level interventions)
 //
 
 .form-control {
@@ -208,6 +208,10 @@ textarea {
 .form-control-color {
   max-width: 3rem;
   padding: $input-padding-y;
+
+  &:not(:disabled):not([readonly]) {
+    cursor: pointer;
+  }
 }
 
 .form-control-color::-moz-color-swatch {

site/content/docs/5.0/migration.md

@@ -26,6 +26,7 @@ toc: true
 - The longstanding [Missing border radius on input group with validation feedback bug](https://github.com/twbs/bootstrap/issues/25110) is finally fixed by adding an additional `.has-validation` class to input groups with validation.
 - Promoted the Floating labels example to fully supported form component. [See the new Floating labels page.]({{< docsref "/forms/floating-labels" >}})
 - File inputs now use the `.form-control` class and don't require JavaScript, additional HTML, or additional classes. [See #31955](https://github.com/twbs/bootstrap/pull/31955).
+- Added `cursor:pointer` to `.form-control-color` color inputs.
 
 ### Utilities