fix(frontend): prevent page refresh when pressing Enter in API input fields (#559)

## 📝 Pull Request Template

### 1. Related Issue
Closes #544 

### 2. Type of Change (select one)
Type of Change: Bug Fix

### 3. Description
prevent page refresh when pressing Enter in API input fields （api host
and api key form）

### 4. Testing
- [x] I have tested this locally.
- [x] I have updated or added relevant tests.

### 5. Checklist
- [x] I have read the [Code of Conduct](./CODE_OF_CONDUCT.md)
- [x] I have followed the [Contributing Guidelines](./CONTRIBUTING.md)
- [x] My changes follow the project's coding style

Author: PotatoZhou

frontend/src/app/setting/components/models/model-detail.tsx

@@ -181,6 +181,12 @@ export function ModelDetail({ provider }: ModelDetailProps) {
                       value={field.state.value}
                       onChange={(e) => field.handleChange(e.target.value)}
                       onBlur={() => configForm.handleSubmit()}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter") {
+                          e.preventDefault();
+                          e.currentTarget.blur();
+                        }
+                      }}
                     />
                     <InputGroupAddon align="inline-end">
                       <InputGroupButton
@@ -228,6 +234,12 @@ export function ModelDetail({ provider }: ModelDetailProps) {
                     value={field.state.value}
                     onChange={(e) => field.handleChange(e.target.value)}
                     onBlur={() => configForm.handleSubmit()}
+                    onKeyDown={(e) => {
+                      if (e.key === "Enter") {
+                        e.preventDefault();
+                        e.currentTarget.blur();
+                      }
+                    }}
                   />
                   <FieldError errors={field.state.meta.errors} />
                 </Field>