[PM-7902] Create V2 Note Component View (#10150)

* Rename <additional-information> component to <additional-options>

The Figma designs show and update to the Additional Information section. The heading changed to "Additional options". It probably makes sense to update the component name to match.

* Make view note header "note" lowercase.

* Add new translation messages for view header.

* Revert "Add new translation messages for view header."

This reverts commit 4e8877fe71.

* Make cipher headers lowercase via toLowerCase function

* Remove unused import.

* run npm ci && npm run prettier

* add back missing import

libs/vault/src/cipher-view/additional-options/additional-options.component.html

@@ -0,0 +1,22 @@
+<bit-section>
+  <bit-section-header>
+    <h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2>
+  </bit-section-header>
+  <bit-card>
+    <label class="tw-text-xs tw-text-muted tw-select-none">
+      {{ "note" | i18n }}
+    </label>
+    <bit-form-field>
+      <textarea readonly bitInput aria-readonly="true">{{ notes }}</textarea>
+      <button
+        bitSuffix
+        bitIconButton="bwi-clone"
+        size="small"
+        type="button"
+        [appCopyClick]="notes"
+        showToast
+        [appA11yTitle]="'copyValue' | i18n"
+      ></button>
+    </bit-form-field>
+  </bit-card>
+</bit-section>

libs/vault/src/cipher-view/additional-options/additional-options.component.ts

@@ -0,0 +1,33 @@
+import { CommonModule } from "@angular/common";
+import { Component, Input } from "@angular/core";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import {
+  IconButtonModule,
+  CardComponent,
+  InputModule,
+  SectionComponent,
+  SectionHeaderComponent,
+  TypographyModule,
+  FormFieldModule,
+} from "@bitwarden/components";
+
+@Component({
+  selector: "app-additional-options",
+  templateUrl: "additional-options.component.html",
+  standalone: true,
+  imports: [
+    CommonModule,
+    JslibModule,
+    CardComponent,
+    IconButtonModule,
+    InputModule,
+    SectionComponent,
+    SectionHeaderComponent,
+    TypographyModule,
+    FormFieldModule,
+  ],
+})
+export class AdditionalOptionsComponent {
+  @Input() notes: string;
+}