Improve new storage path display on list / edit

src-ui/src/app/components/common/input/textarea/textarea.component.html

@@ -11,7 +11,17 @@
         }
       </div>
       <div class="position-relative" [class.col-md-9]="horizontal">
-        <textarea #inputField class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled" [placeholder]="placeholder"></textarea>
+        <textarea #inputField
+          [id]="inputId"
+          class="form-control"
+          [class.is-invalid]="error"
+          [class.font-monospace]="monospace"
+          [(ngModel)]="value"
+          (change)="onChange(value)"
+          [disabled]="disabled"
+          [placeholder]="placeholder"
+          rows="6">
+        </textarea>
         @if (hint) {
           <small class="form-text text-muted" [innerHTML]="hint | safeHtml"></small>
         }

src-ui/src/app/components/common/input/textarea/textarea.component.ts

@@ -18,6 +18,9 @@ export class TextAreaComponent extends AbstractInputComponent<string> {
   @Input()
   placeholder: string = ''
 
+  @Input()
+  monospace: boolean = false
+
   constructor() {
     super()
   }