feat: 1)add font source 2)add validator in ListItem 3)settings page ui optiminize

app/containers/Settings/components/ModelSetting.tsx

@@ -153,6 +153,16 @@ export default function ModelSetting(props: {
             title={Locale.Settings.InputTemplate.Title}
             subTitle={Locale.Settings.InputTemplate.SubTitle}
             nextline={isMobileScreen}
+            validator={(v: string) => {
+              if (!v.includes("{{input}}")) {
+                return {
+                  error: true,
+                  message: Locale.Settings.InputTemplate.Error,
+                };
+              }
+
+              return { error: false };
+            }}
           >
             <Input
               type="text"
@@ -160,7 +170,6 @@ export default function ModelSetting(props: {
               onChange={(e = "") =>
                 props.updateConfig((config) => (config.template = e))
               }
-              className="text-center"
             ></Input>
           </ListItem>
         </>

app/containers/Settings/index.tsx

@@ -71,15 +71,13 @@ export default MenuLayout(function SettingList(props) {
               cursor-pointer
               border 
               rounded-md
-
-              bg-chat-menu-session-unselected border-chat-menu-session-unselected
+              border-transparent
               ${
                 selected === i.id && !isMobileScreen
                   ? `!bg-chat-menu-session-selected !border-chat-menu-session-selected !font-medium`
-                  : `hover:bg-chat-menu-session-hovered hover:chat-menu-session-hovered`
+                  : `hover:bg-chat-menu-session-unselected hover:border-chat-menu-session-unselected`
               }
 
-              hover:border-opacity-100 hover:font-semibold hover:bg-settings-menu-item-selected 
               flex justify-between items-center
               max-md:bg-settings-menu-item-mobile
             `}