Add updateProfile mock function and change phone data

gs/frontend/aro/src/profile/ProfileForm.tsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { ProfileData } from "./profile-data";
 import { useForm, SubmitHandler } from "react-hook-form";
+import { updateProfile } from "./profile-api";
 
 const ProfileForm = (props: ProfileData) => {
 	const [isEdit, setIsEdit] = useState(false);
@@ -14,6 +15,11 @@ const ProfileForm = (props: ProfileData) => {
 	const onSubmit: SubmitHandler<ProfileData> = (data: ProfileData) => {
 		console.log(data);
 		setIsEdit(false);
+		try {
+			updateProfile(data);
+		} catch (error) {
+			console.error(error);
+		}
 	};
 
 	// TODO: Add better error handling

gs/frontend/aro/src/profile/profile-api.ts

@@ -9,6 +9,15 @@ export const getProfile = async (): Promise<ProfileData> => {
 		name: "John Doe",
 		email: "[email protected]",
 		call_sign: "VAYPO",
-		phone: "123-456-7890",
+		phone: "1234567890",
 	};
 };
+
+/**
+ * @brief Updates the profile info of the current user
+ * @param data The new profile data
+ */
+export const updateProfile = async (data: ProfileData): Promise<void> => {
+	// This is a mock implementation of an API call
+	console.log(data);
+};