style: Centered layout updates across components.

- Centered the 'Add Assistant' popup in the chat modal.
- Added centered alignment to the AssistantSettingPopup component.
- The text area prompt input field now has a larger height.
- Updated the positioning of the Manage Agents popup to be centered.
- Added a centered attribute to the AddModelPopup modal footer.
- Added centered positioning to ProviderSettings AddProviderPopup.
- Centered layout has been added to the SearchContainer.

src/renderer/src/components/Popups/AddAssistantPopup.tsx

@@ -67,7 +67,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
 
   return (
     <Modal
-      style={{ marginTop: '5vh' }}
+      centered
       title={t('chat.add.assistant.title')}
       open={open}
       onCancel={onCancel}

src/renderer/src/components/Popups/AssistantSettingPopup.tsx

@@ -41,7 +41,8 @@ const AssistantSettingPopupContainer: React.FC<Props> = ({ assistant, resolve })
       onCancel={handleCancel}
       afterClose={onClose}
       transitionName="ant-move-down"
-      maskTransitionName="ant-fade">
+      maskTransitionName="ant-fade"
+      centered>
       <Box mb={8}>{t('common.name')}</Box>
       <Input
         placeholder={t('common.assistant') + t('common.name')}

src/renderer/src/pages/agents/components/AddAgentPopup.tsx

@@ -83,14 +83,14 @@ const PopupContainer: React.FC<Props> = ({ agent, resolve }) => {
 
   return (
     <Modal
-      style={{ marginTop: '10vh' }}
       title={agent ? t('agents.edit.title') : t('agents.add.title')}
       open={open}
       onOk={() => formRef.current?.submit()}
       onCancel={onCancel}
       maskClosable={false}
       afterClose={onClose}
-      okText={agent ? t('common.save') : t('agents.add.button')}>
+      okText={agent ? t('common.save') : t('agents.add.button')}
+      centered>
       <Form
         ref={formRef}
         form={form}
@@ -108,7 +108,7 @@ const PopupContainer: React.FC<Props> = ({ agent, resolve }) => {
           <Input placeholder={t('agents.add.name.placeholder')} spellCheck={false} allowClear />
         </Form.Item>
         <Form.Item name="prompt" label={t('agents.add.prompt')} rules={[{ required: true }]}>
-          <TextArea placeholder={t('agents.add.prompt.placeholder')} spellCheck={false} rows={4} />
+          <TextArea placeholder={t('agents.add.prompt.placeholder')} spellCheck={false} rows={10} />
         </Form.Item>
       </Form>
     </Modal>

src/renderer/src/pages/agents/components/ManageAgentsPopup.tsx

@@ -35,13 +35,13 @@ const PopupContainer: React.FC = () => {
 
   return (
     <Modal
-      style={{ marginTop: '10vh' }}
       title={t('agents.manage.title')}
       open={open}
       onOk={onOk}
       onCancel={onCancel}
       afterClose={onClose}
-      footer={null}>
+      footer={null}
+      centered>
       <Container>
         {agents.length > 0 && (
           <DragableList list={agents} onUpdate={updateAgents}>

src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx

@@ -67,7 +67,8 @@ const PopupContainer: React.FC<Props> = ({ title, provider, resolve }) => {
       onCancel={onCancel}
       maskClosable={false}
       afterClose={onClose}
-      footer={null}>
+      footer={null}
+      centered>
       <Form
         form={form}
         labelCol={{ flex: '110px' }}

src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx

@@ -38,6 +38,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
       afterClose={onClose}
       width={360}
       closable={false}
+      centered
       title={t('settings.provider.edit.name')}
       okButtonProps={{ disabled: buttonDisabled }}>
       <Input

src/renderer/src/pages/settings/ProviderSettings/EditModelsPopup.tsx

@@ -107,7 +107,8 @@ const PopupContainer: React.FC<Props> = ({ provider: _provider, resolve }) => {
       styles={{
         content: { padding: 0 },
         header: { padding: 22, paddingBottom: 15 }
-      }}>
+      }}
+      centered>
       <SearchContainer>
         <Search placeholder={t('settings.provider.search_placeholder')} allowClear onSearch={setSearchText} />
       </SearchContainer>