fix: extract DEFAULT_RELATED_PAGE_SIZE constant, add aria-label to count Badge

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/plugin-detail/src/DetailView.tsx

@@ -53,6 +53,9 @@ import { buildExpandFields } from '@object-ui/core';
 import type { DetailViewSchema, DataSource } from '@object-ui/types';
 import { useDetailTranslation } from './useDetailTranslation';
 
+/** Default page size for related lists in the detail view */
+const DEFAULT_RELATED_PAGE_SIZE = 5;
+
 export interface DetailViewProps {
   schema: DetailViewSchema;
   dataSource?: DataSource;
@@ -695,7 +698,7 @@ export const DetailView: React.FC<DetailViewProps> = ({
                     dataSource={dataSource}
                     objectName={related.api}
                     collapsible
-                    pageSize={5}
+                    pageSize={DEFAULT_RELATED_PAGE_SIZE}
                   />
                 ))}
               </div>
@@ -780,7 +783,7 @@ export const DetailView: React.FC<DetailViewProps> = ({
                   dataSource={dataSource}
                   objectName={related.api}
                   collapsible
-                  pageSize={5}
+                  pageSize={DEFAULT_RELATED_PAGE_SIZE}
                 />
               ))}
             </div>

packages/plugin-detail/src/RelatedList.tsx

@@ -270,7 +270,7 @@ export const RelatedList: React.FC<RelatedListProps> = ({
                 : (<ChevronDown className="h-4 w-4 text-muted-foreground" />)
             )}
             <span>{title}</span>
-            <Badge variant="secondary" className="text-xs font-normal">
+            <Badge variant="secondary" className="text-xs font-normal" aria-label={`${relatedData.length} records`}>
               {relatedData.length}
             </Badge>
           </div>