fix(pagination): Ensure select title attribute displays the correct value on hover. (#21022)

* fix(Pagination): sync native select option title attribute value

* docs:  add contributor

---------

Co-authored-by: Gururaj J <89023023+Gururajj77@users.noreply.github.com>

Author: trumanbutter

.all-contributorsrc

@@ -1564,6 +1564,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "trumanbutter",
+      "name": "Truman Butterworth",
+      "avatar_url": "https://avatars.githubusercontent.com/u/32148874?v=4",
+      "profile": "https://github.com/trumanbutter",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "commitConvention": "none"

README.md

@@ -376,6 +376,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <td align="center"><a href="https://github.com/vidhyarbiji"><img src="https://avatars.githubusercontent.com/u/11348409?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vidhya Ravikumar</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=vidhyarbiji" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/mateus037"><img src="https://avatars.githubusercontent.com/u/34143412?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mateus Rodrigues</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=mateus037" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/BiaBiruka"><img src="https://avatars.githubusercontent.com/u/128196689?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Beatriz Parolin</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=BiaBiruka" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/trumanbutter"><img src="https://avatars.githubusercontent.com/u/32148874?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Truman Butterworth</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=trumanbutter" title="Code">💻</a></td>
   </tr>
 </table>
 

packages/react/src/components/Pagination/Pagination.tsx

@@ -422,6 +422,7 @@ const Pagination = React.forwardRef(
                 hideLabel
                 onChange={handlePageInputChange}
                 value={page}
+                key={page}
                 disabled={pageInputDisabled || disabled}>
                 {selectItems}
               </Select>