Fix test failures by registering mock components at module level

- Move component registration from beforeEach to module level
- Ensures mock components are registered before MetadataDetailPage import
- Fixes "Unknown component type: object-detail-tabs" test errors

Agent-Logs-Url: https://github.com/objectstack-ai/objectui/sessions/e529b8a3-8ab3-4715-9ba6-77fd9fcd68cb

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

Author: Claude

apps/console/src/__tests__/MetadataDetailPage.test.tsx

@@ -70,23 +70,22 @@ vi.mock('react-router-dom', async () => {
 });
 
 // Register mock widget components for PageSchema rendering in tests
-beforeEach(() => {
-  const mockWidget = (name: string) => (props: any) => (
-    <div data-testid={`mock-${name}`} data-object-name={props?.schema?.objectName || props?.objectName}>
-      {name}
-    </div>
-  );
-
-  ComponentRegistry.register('object-detail-tabs', mockWidget('object-detail-tabs'));
-  ComponentRegistry.register('object-properties', mockWidget('object-properties'));
-  ComponentRegistry.register('object-relationships', mockWidget('object-relationships'));
-  ComponentRegistry.register('object-keys', mockWidget('object-keys'));
-  ComponentRegistry.register('object-data-experience', mockWidget('object-data-experience'));
-  ComponentRegistry.register('object-data-preview', mockWidget('object-data-preview'));
-  ComponentRegistry.register('object-field-designer', mockWidget('object-field-designer'));
-});
-
-// Import after mocks
+// IMPORTANT: Register at module level (before import) to ensure components are available
+const mockWidget = (name: string) => (props: any) => (
+  <div data-testid={`mock-${name}`} data-object-name={props?.schema?.objectName || props?.objectName}>
+    {name}
+  </div>
+);
+
+ComponentRegistry.register('object-detail-tabs', mockWidget('object-detail-tabs'));
+ComponentRegistry.register('object-properties', mockWidget('object-properties'));
+ComponentRegistry.register('object-relationships', mockWidget('object-relationships'));
+ComponentRegistry.register('object-keys', mockWidget('object-keys'));
+ComponentRegistry.register('object-data-experience', mockWidget('object-data-experience'));
+ComponentRegistry.register('object-data-preview', mockWidget('object-data-preview'));
+ComponentRegistry.register('object-field-designer', mockWidget('object-field-designer'));
+
+// Import after registering mock components
 import { MetadataDetailPage } from '../pages/system/MetadataDetailPage';
 
 function renderWithRoute(metadataType: string, itemName: string) {