add new lights, add login and role to it, add services page

src/vueLib/dbm/dialog/AddDatapoint.vue

@@ -1,5 +1,10 @@
 <template>
-  <DialogFrame ref="Dialog" :width="props.width" :header-title="props.dialogLabel">
+  <DialogFrame
+    ref="Dialog"
+    :width="props.width"
+    :height="props.height"
+    :header-title="props.dialogLabel"
+  >
     <q-card-section
       v-if="props.dialogLabel"
       class="text-bold text-left q-mb-none q-pb-none"
@@ -37,9 +42,11 @@
         filled
         v-model="addingForm.value"
       ></q-input>
-      <q-btn no-caps class="q-mb-xl q-mx-xl q-px-lg" @click="onSubmit" color="primary">{{
-        props.buttonOkLabel
-      }}</q-btn>
+      <div class="row justify-end">
+        <q-btn no-caps class="q-mb-xl q-mx-xl q-px-lg" @click="onSubmit" color="primary">{{
+          props.buttonOkLabel
+        }}</q-btn>
+      </div>
     </q-form>
   </DialogFrame>
 </template>
@@ -132,6 +139,10 @@ const props = defineProps({
     type: String,
     default: '300px',
   },
+  height: {
+    type: String,
+    default: '650px',
+  },
 });
 
 function getDatapoint(uuid: string) {