refactor(frontend): clean up code by consolidating multi-line JSX into single lines where feasible

- Refactored JSX elements to improve readability by collapsing multi-line props and attributes into single lines if their length permits.
- Improved consistency in component imports by grouping and consolidating them.
- No functional changes, purely restructuring for clarity and maintainability.

frontend/src/app/[locale]/(authenticated)/agents/[id]/page.tsx

@@ -32,11 +32,7 @@ export default function AgentTypeDetailPage() {
   const [viewMode, setViewMode] = useState<ViewMode>(isNew ? 'create' : 'detail');
 
   // Fetch agent type data (skip if creating new)
-  const {
-    data: agentType,
-    isLoading,
-    error,
-  } = useAgentType(isNew ? null : id);
+  const { data: agentType, isLoading, error } = useAgentType(isNew ? null : id);
 
   // Mutations
   const createMutation = useCreateAgentType();
@@ -171,7 +167,7 @@ export default function AgentTypeDetailPage() {
     <div className="container mx-auto px-4 py-6">
       {(viewMode === 'create' || viewMode === 'edit') && (
         <AgentTypeForm
-          agentType={viewMode === 'edit' ? agentType ?? undefined : undefined}
+          agentType={viewMode === 'edit' ? (agentType ?? undefined) : undefined}
           onSubmit={handleSubmit}
           onCancel={handleCancel}
           isSubmitting={createMutation.isPending || updateMutation.isPending}