chore(frontend): improve code formatting for readability

Standardize multiline formatting across components, tests, and API hooks for better consistency and clarity:
- Adjusted function and object property indentation.
- Updated tests and components to align with clean coding practices.

frontend/tests/components/agents/AgentTypeForm.test.tsx

@@ -244,7 +244,9 @@ describe('AgentTypeForm', () => {
       await user.click(screen.getByRole('tab', { name: /model/i }));
 
       expect(screen.getByText('Model Selection')).toBeInTheDocument();
-      expect(screen.getByText('Choose the AI models that power this agent type')).toBeInTheDocument();
+      expect(
+        screen.getByText('Choose the AI models that power this agent type')
+      ).toBeInTheDocument();
       expect(screen.getByLabelText(/primary model/i)).toBeInTheDocument();
       expect(screen.getByLabelText(/fallover model/i)).toBeInTheDocument();
     });
@@ -496,7 +498,9 @@ describe('AgentTypeForm', () => {
       const user = userEvent.setup();
       render(<AgentTypeForm {...defaultProps} />);
 
-      const expertiseInput = screen.getByPlaceholderText(/e.g., system design/i) as HTMLInputElement;
+      const expertiseInput = screen.getByPlaceholderText(
+        /e.g., system design/i
+      ) as HTMLInputElement;
       await user.type(expertiseInput, 'new skill');
       await user.click(screen.getByRole('button', { name: /^add$/i }));