PM-10047 update name input in item details (#10294)

libs/vault/src/cipher-view/item-details/item-details-v2.component.html

@@ -7,14 +7,16 @@
       <label class="tw-block tw-w-full tw-mb-1 tw-text-xs tw-text-muted tw-select-none">
         {{ "itemName" | i18n }}
       </label>
-      <input
-        readonly
-        bitInput
-        type="text"
-        [value]="cipher.name"
-        aria-readonly="true"
-        data-testid="item-name"
-      />
+      <bit-form-field>
+        <input
+          readonly
+          bitInput
+          type="text"
+          [value]="cipher.name"
+          aria-readonly="true"
+          data-testid="item-name"
+        />
+      </bit-form-field>
     </div>
 
     <ul

libs/vault/src/cipher-view/item-details/item-details-v2.component.ts

@@ -11,6 +11,7 @@ import {
   SectionComponent,
   SectionHeaderComponent,
   TypographyModule,
+  FormFieldModule,
 } from "@bitwarden/components";
 
 import { OrgIconDirective } from "../../components/org-icon.directive";
@@ -27,6 +28,7 @@ import { OrgIconDirective } from "../../components/org-icon.directive";
     SectionHeaderComponent,
     TypographyModule,
     OrgIconDirective,
+    FormFieldModule,
   ],
 })
 export class ItemDetailsV2Component {