fix(front): use Textarea in User Settings

front/src/components/auth/Settings.vue

@@ -24,6 +24,7 @@ import Alert from '~/components/ui/Alert.vue'
 import Header from '~/components/ui/Header.vue'
 import Button from '~/components/ui/Button.vue'
 import Link from '~/components/ui/Link.vue'
+import Textarea from '~/components/ui/Textarea.vue'
 
 const SETTINGS_ORDER: FieldId[] = ['summary', 'privacy_level']
 
@@ -316,29 +317,32 @@ fetchOwnedApps()
         :key="f.id"
         class="field"
       >
-        <label :for="f.id">{{ sharedLabels.fields[f.id].label }}</label>
-        <p v-if="sharedLabels.fields[f.id].help">
-          {{ sharedLabels.fields[f.id].help }}
-        </p>
-        <select
-          v-if="f.type === 'dropdown'"
-          :id="f.id"
-          v-model="f.value"
-          class="ui dropdown"
-        >
-          <option
-            v-for="(c, key) in f.choices"
-            :key="key"
-            :value="c"
-          >
-            {{ sharedLabels.fields[f.id].choices?.[c] }}
-          </option>
-        </select>
-        <content-form
+        <Textarea
           v-if="f.type === 'content'"
           v-model="f.value.text"
-          :field-id="f.id"
+          :label="sharedLabels.fields[f.id].label"
+          :placeholder="sharedLabels.fields[f.id].help"
         />
+        <template v-else>
+          <label :for="f.id">{{ sharedLabels.fields[f.id].label }}</label>
+          <p v-if="sharedLabels.fields[f.id].help">
+            {{ sharedLabels.fields[f.id].help }}
+          </p>
+          <select
+            v-if="f.type === 'dropdown'"
+            :id="f.id"
+            v-model="f.value"
+            class="ui dropdown"
+          >
+            <option
+              v-for="(c, key) in f.choices"
+              :key="key"
+              :value="c"
+            >
+              {{ sharedLabels.fields[f.id].choices?.[c] }}
+            </option>
+          </select>
+        </template>
       </div>
       <Button
         primary