fix: allow NumpadEnter key for search and pagination actions (supabase#38889)

Author: zhyd1997

apps/studio/components/grid/components/footer/pagination/Pagination.tsx

@@ -168,7 +168,7 @@ const Pagination = () => {
               onKeyDown={(e) => {
                 const parsedValue = Number(value)
                 if (
-                  e.code === 'Enter' &&
+                  (e.code === 'Enter' || e.code === 'NumpadEnter') &&
                   !Number.isNaN(parsedValue) &&
                   parsedValue >= 1 &&
                   parsedValue <= maxPages

apps/studio/components/interfaces/Auth/Users/UsersV2.tsx

@@ -317,7 +317,7 @@ export const UsersV2 = () => {
                   value={search}
                   onChange={(e) => setSearch(e.target.value)}
                   onKeyDown={(e) => {
-                    if (e.code === 'Enter') {
+                    if (e.code === 'Enter' || e.code === 'NumpadEnter') {
                       setSearch(search.trim())
                       setFilterKeywords(search.trim().toLocaleLowerCase())
                     }

apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.tsx

@@ -144,7 +144,7 @@ export const CronjobsTab = () => {
               value={search ?? ''}
               onChange={(e) => setSearch(e.target.value)}
               onKeyDown={(e) => {
-                if (e.code === 'Enter') setSearchQuery(search.trim())
+                if (e.code === 'Enter' || e.code === 'NumpadEnter') setSearchQuery(search.trim())
               }}
               actions={[
                 search && (

apps/studio/components/interfaces/Integrations/Queues/QueuesTab.tsx

@@ -66,7 +66,7 @@ export const QueuesTab = () => {
               value={search ?? ''}
               onChange={(e) => setSearch(e.target.value)}
               onKeyDown={(e) => {
-                if (e.code === 'Enter') setSearchQuery(search.trim())
+                if (e.code === 'Enter' || e.code === 'NumpadEnter') setSearchQuery(search.trim())
               }}
               actions={[
                 search && (

apps/studio/components/interfaces/QueryPerformance/TextSearchPopover.tsx

@@ -54,7 +54,8 @@ export const TextSearchPopover = ({
             className="text-xs font-mono tracking-tight"
             placeholder={placeholder ?? 'Search for a query'}
             onKeyDown={(event) => {
-              if (event.metaKey && event.code === 'Enter') applySearch()
+              if (event.metaKey && (event.code === 'Enter' || event.code === 'NumpadEnter'))
+                applySearch()
             }}
           />
         </div>

apps/studio/components/ui/DataTable/DataTableFilters/DataTableFilterResetButton.tsx

@@ -24,7 +24,7 @@ export function DataTableFilterResetButton<TData>({ value: _value }: DataTableFi
       }}
       onKeyDown={(e) => {
         e.stopPropagation()
-        if (e.code === 'Enter') {
+        if (e.code === 'Enter' || e.code === 'NumpadEnter') {
           column?.setFilterValue(undefined)
         }
       }}