add phone as a basic field to it

apps/app/src/lib/profile/OtherDetails.svelte

@@ -27,12 +27,25 @@
 		'medical_conditions',
 		'languages',
 		'notes',
+		'phone',
 		'audios',
 		'google_id'
 	];
+	let newNote = {
+		title: " ",
+		note: ""
+	};
 </script>
 
 <div class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-2">
+	{#each person.notes??[] as note}
+		<div class="card bg-base-100 shadow-sm">
+			<div class="card-body">
+				<h2 class="card-title">{note.title}</h2>
+				<p>{note.note}</p>
+			</div>
+		</div>
+	{/each}
 	{#each Object.entries(person) as [key, value]}
 		{#if !skipFields.includes(key) && ((value !== undefined && value !== null) || editorMode)}
 			<div>

apps/app/src/lib/profile/ProfileHeader.svelte

@@ -20,7 +20,8 @@
 		mothers_last_name,
 		profile_picture,
 		create_invite_code,
-		invite_code
+		invite_code,
+		phone
 	} from '$lib/paraglide/messages';
 	import { callMessageFunction } from '$lib/i18n';
 	import type { MessageKeys } from '$lib/i18n';
@@ -158,6 +159,13 @@
 						class="input input-sm input-bordered w-full"
 					/>{:else}{person.email ?? '-'}{/if}
 			</p>
+			<p>
+				<strong>{phone()}:</strong>
+				{#if editorMode}<input
+						bind:value={person.phone}
+						onchange={() => onChange('phone', person.phone)}
+						class="input input-sm input-bordered w-full"
+					/>{:else}{person.phone ?? '-'}{/if}
 			<p>
 				<strong>{mothers_first_name()}:</strong>
 				{#if editorMode}<input