Implement functionality for profile page

[M-Facey]

Description

We should add functionality to the profile page, which is inclusive of the following:

Endpoints

How to update the profile info (including the password)

// example update data
const data = {
    "username": "test_username_update",
    "emailVisibility": false,
    "password": "87654321",
    "passwordConfirm": "87654321",
    "oldPassword": "12345678",
    "name": "test"
};

const record = await pb.collection('users').update('RECORD_ID', data);

How to delete the user profile

await pb.collection('users').delete('RECORD_ID');

You should use the useConfirm (this is for the delete modal) and useToast (this is for the pop up notification) services from primevue, which you can find in the Form Card component

Validations

Please look how validation is done using vee-validate in the Signup.vue. Please note: The name attributes used to reference to input elements.