fix(fetch-requests): resolve FK displayFormat in custom detail page

- Import useAppContext and applyDisplayFormat for target resource resolution
- Fix detail field rendering to use FK target resource displayFormat
- Fix title to resolve FK objects via displayFormat instead of non-existent account_name
- Move displayTitle useMemo before early returns to avoid hook ordering violation

react-openapi/src/components/fields/DetailFieldRenderer.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Typography, Avatar } from "@mui/material";
+import { Box, Typography } from "@mui/material";
 import type { FieldConfig } from "../../types";
 import { ListCellRenderer } from "./ListCellRenderer";
 
@@ -18,11 +18,7 @@ export function DetailFieldRenderer({ field, value, displayFormat, basePath }: D
       <Typography variant="caption" color="text.secondary" fontWeight={600} sx={{ mb: 0.25, display: "block" }}>
         {field.label}
       </Typography>
-      {field.uiType === "image" ? (
-        <Avatar src={value} variant="rounded" sx={{ width: 120, height: 120 }} />
-      ) : (
       <ListCellRenderer field={field} value={value} displayFormat={displayFormat} basePath={basePath} />
-      )}
     </Box>
   );
 }

src/main.jsx

@@ -10,7 +10,6 @@ import {
 import {
   Box,
   CssBaseline,
-  CircularProgress,
   Toolbar
 } from "@mui/material";
 import Home from './Home';
@@ -82,17 +81,8 @@ const routerMapping = [
 
 /** Reads authConfig from AppProvider context and passes it to AuthProvider. */
 function AppContent() {
-  const { authConfig, loading } = useAppContext();
+  const { authConfig } = useAppContext();
   const navigate = useNavigate();
-
-  if (loading) {
-    return (
-      <Box sx={{ display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh" }}>
-        <CircularProgress />
-      </Box>
-    );
-  }
-
   return (
     <AuthProvider authConfig={authConfig} onUnauthorized={() => navigate("/login")}>
       <AppTheme>