refactor: DisplayTextItem typing

app/src/components/globals/formItems/DisplayTextItem.vue

@@ -1,18 +1,13 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    id?: string
-    label?: string
-  }>(),
-  {
-    id: undefined,
-    label: undefined,
-  },
-)
+import type { DisplayTextItemProps } from '@/types/form'
+
+withDefaults(defineProps<DisplayTextItemProps>(), {
+  id: undefined,
+})
 </script>
 
 <template>
-  <div>
+  <div :id="id">
     <p v-text="label" />
   </div>
 </template>

app/src/types/form.ts

@@ -15,6 +15,8 @@ export type ButtonItemProps = BaseDisplayItemProps & {
   type?: StateVariant
 }
 
+export type DisplayTextItemProps = BaseDisplayItemProps
+
 
 // WRITABLE