replace remaining regular input fields

Author: AnthonyMarin

src/components/settings/ImageModerationSettings.tsx

@@ -4,7 +4,7 @@ import { QuestionCircleOutlined } from '@ant-design/icons';
 import useGenericSettings from '@app/hooks/useGenericSettings';
 import { ImageModerationSettings as ImageModerationSettingsType, SettingsGroupType } from '@app/types/settings.types';
 import BaseSettingsForm from './BaseSettingsForm';
-
+import * as S from './Settings.styles';
 const { Option } = Select;
 
 const ImageModerationSettings: React.FC = () => {
@@ -118,14 +118,14 @@ const ImageModerationSettings: React.FC = () => {
           label="API Endpoint"
           rules={[{ required: true, message: 'Please enter the API endpoint' }]}
         >
-          <Input placeholder="http://localhost:8000/moderate" />
+          <S.InputField placeholder="http://localhost:8000/moderate" />
         </Form.Item>
 
         <Form.Item
           name="image_moderation_temp_dir"
           label="Temporary Directory"
         >
-          <Input placeholder="./data/moderation/temp" />
+          <S.InputField placeholder="./data/moderation/temp" />
         </Form.Item>
 
         <Form.Item

src/components/settings/OllamaSettings.tsx

@@ -4,6 +4,7 @@ import { QuestionCircleOutlined } from '@ant-design/icons';
 import useGenericSettings from '@app/hooks/useGenericSettings';
 import { SettingsGroupType } from '@app/types/settings.types';
 import BaseSettingsForm from './BaseSettingsForm';
+import { InputField } from './Settings.styles';
 
 const { Option } = Select;
 
@@ -113,7 +114,7 @@ const OllamaSettings: React.FC = () => {
             { type: 'url', message: 'Please enter a valid URL' }
           ]}
         >
-          <Input placeholder="http://localhost:11434" />
+          <InputField placeholder="http://localhost:11434" />
         </Form.Item>
 
         <Form.Item

src/components/settings/RelayInfoSettings.tsx

@@ -141,7 +141,7 @@ const RelayInfoSettings: React.FC = () => {
             </span>
           }
         >
-          <Input placeholder="HORNETS Relay" />
+          <S.InputField placeholder="HORNETS Relay" />
         </Form.Item>
 
         <Form.Item
@@ -155,7 +155,7 @@ const RelayInfoSettings: React.FC = () => {
             </span>
           }
         >
-          <Input placeholder="1.0.0" />
+          <S.InputField placeholder="1.0.0" />
         </Form.Item>
 
         <Form.Item