Feature: Added data source functionality #10703 (#11046)

### What problem does this PR solve?

Feature: Added data source functionality

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

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

@@ -27,6 +27,7 @@ interface IProps {
 const SystemSetting = ({ onOk, loading }: IProps) => {
   const { systemSetting: initialValues, allOptions } =
     useFetchSystemModelSettingOnMount();
+  const { t: tcommon } = useTranslate('common');
   const { t } = useTranslate('setting');
 
   const [formData, setFormData] = useState({
@@ -159,7 +160,7 @@ const SystemSetting = ({ onOk, loading }: IProps) => {
           value={value}
           options={options}
           onChange={(value) => handleFieldChange(id, value)}
-          placeholder={t('common:selectPlaceholder')}
+          placeholder={tcommon('selectPlaceholder')}
         />
       </div>
     );

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

@@ -1,4 +1,5 @@
 import { LlmItem, useSelectLlmList } from '@/hooks/llm-hooks';
+import { t } from 'i18next';
 import { ModelProviderCard } from './modal-card';
 
 export const UsedModel = ({
@@ -11,7 +12,9 @@ export const UsedModel = ({
   const { factoryList, myLlmList: llmList, loading } = useSelectLlmList();
   return (
     <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>
+      <div className="text-text-primary text-2xl font-semibold mb-2 mt-4">
+        {t('setting.addedModels')}
+      </div>
       {llmList.map((llm) => {
         return (
           <ModelProviderCard