how to remove "viewing read- only"

=a!localVariables(
local!selectedCategory: null,
local!selectedItem: null,

/* Define options for the first dropdown */
local!categoryOptions: {
{ label: "Fruits", value: "fruits" },
{ label: "Vegetables", value: "vegetables" }
},

/* Define options for the second dropdown based on the selected category */
local!itemOptions: a!match(
value: local!selectedCategory,
equals: "fruits",
then: {
{ label: "Apple", value: "apple" },
{ label: "Banana", value: "banana" }
},
equals: "vegetables",
then: {
{ label: "Carrot", value: "carrot" },
{ label: "Broccoli", value: "broccoli" }
},
default: {}
),

1. a!formLayout(
   label: "Dependent Dropdowns Example",
   contents: {
   a!dropdownField(
   label: "Category",
   placeholderLabel: "Select a category",
   choiceLabels: a!forEach(
   items: local!categoryOptions,
   expression: fv!item.label
   ),
   choiceValues: a!forEach(
   items: local!categoryOptions,
   expression: fv!item.value
   ),
   value: local!selectedCategory,
   saveInto: local!selectedCategory,
   required: true
   ),
   a!dropdownField(
   label: "Item",
   placeholderLabel: "Select an item",
   choiceLabels: a!forEach(
   items: local!itemOptions,
   expression: fv!item.label
   ),
   choiceValues: a!forEach(
   items: local!itemOptions,
   expression: fv!item.value
   ),
   value: local!selectedItem,
   saveInto: local!selectedItem,
   required: true,
   disabled: a!isNullOrEmpty(local!selectedCategory)
   )
   },
   buttons: a!buttonLayout(
   primaryButtons: a!buttonWidget(
   label: "Submit",
   style: "PRIMARY",
   validate: true
   )
   )
   )
   )

=a!localVariables(
local!selectedCategory: null,
local!selectedItem: null,

/* Define options for the first dropdown */
local!categoryOptions: {
{ label: "Fruits", value: "fruits" },
{ label: "Vegetables", value: "vegetables" }
},

/* Define options for the second dropdown based on the selected category */
local!itemOptions: a!match(
value: local!selectedCategory,
equals: "fruits",
then: {
{ label: "Apple", value: "apple" },
{ label: "Banana", value: "banana" }
},
equals: "vegetables",
then: {
{ label: "Carrot", value: "carrot" },
{ label: "Broccoli", value: "broccoli" }
},
default: {}
),

1. a!formLayout(
   label: "Dependent Dropdowns Example",
   contents: {
   a!dropdownField(
   label: "Category",
   placeholderLabel: "Select a category",
   choiceLabels: a!forEach(
   items: local!categoryOptions,
   expression: fv!item.label
   ),
   choiceValues: a!forEach(
   items: local!categoryOptions,
   expression: fv!item.value
   ),
   value: local!selectedCategory,
   saveInto: local!selectedCategory,
   required: true
   ),
   a!dropdownField(
   label: "Item",
   placeholderLabel: "Select an item",
   choiceLabels: a!forEach(
   items: local!itemOptions,
   expression: fv!item.label
   ),
   choiceValues: a!forEach(
   items: local!itemOptions,
   expression: fv!item.value
   ),
   value: local!selectedItem,
   saveInto: local!selectedItem,
   required: true,
   disabled: a!isNullOrEmpty(local!selectedCategory)
   )
   },
   buttons: a!buttonLayout(
   primaryButtons: a!buttonWidget(
   label: "Submit",
   style: "PRIMARY",
   validate: true
   )
   )
   )
   )