Fix: Fixed the styling and logic issues on the model provider page #10703 (#10909)

### What problem does this PR solve?

Fix: Fixed the styling and logic issues on the model provider page

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/user-setting/setting-model/components/used-model.tsx

@@ -10,8 +10,8 @@ export const UsedModel = ({
 }) => {
   const { factoryList, myLlmList: llmList, loading } = useSelectLlmList();
   return (
-    <div className="flex flex-col w-full">
-      <div className="text-text-primary text-2xl mb-4 mt-4">Added models</div>
+    <div className="flex flex-col w-full gap-4 mb-4">
+      <div className="text-text-primary text-2xl mb-2 mt-4">Added models</div>
       {llmList.map((llm) => {
         return (
           <ModelProviderCard