chore: add random id to id field

src/views/user/settings/General.vue

@@ -1,12 +1,12 @@
 <template>
 	<card :title="$t('user.settings.general.title')" class="general-settings" :loading="userSettingsService.loading">
 		<div class="field">
-			<label class="label" for="newName">{{ $t('user.settings.general.name') }}</label>
+			<label class="label" :for="`newName${id}`">{{ $t('user.settings.general.name') }}</label>
 			<div class="control">
 				<input
 					@keyup.enter="updateSettings"
 					class="input"
-					id="newName"
+					:id="`newName${id}`"
 					:placeholder="$t('user.settings.general.newName')"
 					type="text"
 					v-model="settings.name"/>
@@ -108,6 +108,7 @@ import {getQuickAddMagicMode, setQuickAddMagicMode} from '@/helpers/quickAddMagi
 import UserSettingsService from '@/services/userSettings'
 import {PrefixMode} from '@/modules/parseTaskText'
 import ListSearch from '@/components/tasks/partials/listSearch'
+import {createRandomID} from '@/helpers/randomId'
 
 function getPlaySoundWhenDoneSetting() {
 	return localStorage.getItem(playSoundWhenDoneKey) === 'true' || localStorage.getItem(playSoundWhenDoneKey) === null
@@ -123,6 +124,7 @@ export default {
 			quickAddMagicPrefixes: PrefixMode,
 			userSettingsService: new UserSettingsService(),
 			settings: {...this.$store.state.auth.settings},
+			id: createRandomID(),
 		}
 	},
 	components: {