Introduced ProfileStore

Corrected All Links to DataStore

pages/contacts/[mode]/[[id]].vue

@@ -23,6 +23,7 @@ defineShortcuts({
 })
 
 const dataStore = useDataStore()
+const profileStore = useProfileStore()
 const route = useRoute()
 const router = useRouter()
 const toast = useToast()
@@ -33,7 +34,8 @@ const openTab = ref(0)
 //Working
 const mode = ref(route.params.mode || "show")
 const itemInfo = ref({
-  active: true
+  active: true,
+  profiles: [profileStore.activeProfile.id]
 })
 const oldItemInfo = ref({})
 
@@ -300,6 +302,23 @@ setupPage()
         </template>
       </UPopover>
     </UFormGroup>
+    <UFormGroup
+        label="Berechtige Benutzer:"
+    >
+      <USelectMenu
+          v-model="itemInfo.profiles"
+          :options="profileStore.profiles"
+          option-attribute="fullName"
+          value-attribute="id"
+          searchable
+          multiple
+          :search-attributes="['fullName']"
+      >
+        <template #label>
+          {{itemInfo.profiles.length > 0 ? itemInfo.profiles.map(i => profileStore.getProfileById(i).fullName).join(", ") : "Kein Benutzer ausgewählt"}}
+        </template>
+      </USelectMenu>
+    </UFormGroup>
     <UFormGroup
         label="Notizen:"
     >
@@ -307,6 +326,7 @@ setupPage()
           v-model="itemInfo.notes"
       />
     </UFormGroup>
+
   </UForm>
 </template>