componenets standardization 1

frontend/src/pages/account/ContentSettingsPage.tsx

@@ -16,6 +16,7 @@ import { useToast } from '../../components/ui/toast/ToastContainer';
 import SelectDropdown from '../../components/form/SelectDropdown';
 import Label from '../../components/form/Label';
 import Checkbox from '../../components/form/input/Checkbox';
+import TextArea from '../../components/form/input/TextArea';
 import PageMeta from '../../components/common/PageMeta';
 import PageHeader from '../../components/common/PageHeader';
 import { BoxCubeIcon } from '../../icons';
@@ -357,11 +358,11 @@ export default function ContentSettingsPage() {
               <div className="space-y-6">
                 <div>
                   <Label className="mb-2">Append to Every Prompt</Label>
-                  <textarea
+                  <TextArea
                     value={contentSettings.appendToPrompt}
-                    onChange={(e) => setContentSettings({ ...contentSettings, appendToPrompt: e.target.value })}
+                    onChange={(value) => setContentSettings({ ...contentSettings, appendToPrompt: value })}
                     placeholder="Add custom instructions that will be included with every content generation request..."
-                    className="w-full px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-[var(--color-brand-500)] dark:bg-gray-800 min-h-[120px] resize-y"
+                    rows={5}
                   />
                   <p className="text-xs text-gray-500 mt-1">
                     This text will be appended to every AI prompt. Use it to enforce brand guidelines, tone, or specific requirements.