configuration for how fields look and EnhancedTable component for enhanced table display

src_generic/App.tsx

@@ -50,6 +50,12 @@ function AdminApp() {
   const [selectedResourceName, setSelectedResourceName] = React.useState<
     string | null
   >(null);
+  const [selectedItemId, setSelectedItemId] = React.useState<string | null>(null);
+
+  const handleNavigateToResource = (resourceName: string, id: string) => {
+    setSelectedResourceName(resourceName);
+    setSelectedItemId(id);
+  };
 
   if (!currentUser) {
     return (
@@ -75,11 +81,18 @@ function AdminApp() {
       username={currentUser.username}
       onLogout={logout}
       selectedResourceName={selectedResourceName}
-      onSelectResource={setSelectedResourceName}
+      onSelectResource={(name) => {
+        setSelectedResourceName(name);
+        setSelectedItemId(null);
+      }}
       resources={config?.resources || []}
     >
       {selectedResource ? (
-        <ResourceView key={selectedResource.name} config={selectedResource} />
+        <ResourceView 
+            key={`${selectedResource.name}-${selectedItemId}`} 
+            config={selectedResource} 
+            onNavigateToResource={handleNavigateToResource}
+        />
       ) : (
         <Dashboard />
       )}