I managed to include the profile tabs on the settings page: https://nimb.ws/rC14lV

The only problem is that the styling is not correct and when the changes are made, it redirects to the profile page: https://nimb.ws/sY0W4C Can I know how I can correct it? Here is the custom code that I am using for it:

/* Add profile tabs to settings page */

function custom_settings_nav_test() {
    if ( ! bp_is_active( 'settings' ) ) {
        return;
    }
 
    // Determine user to use.
    if ( bp_displayed_user_domain() ) {
        $user_domain = bp_displayed_user_domain();
    } elseif ( bp_loggedin_user_domain() ) {
        $user_domain = bp_loggedin_user_domain();
    } else {
        return;
    }
 
    // Get the settings slug.
    $settings_slug = bp_get_settings_slug();
 
    // Add edit profile option.
    bp_core_new_subnav_item( array(
        'name'            => __( 'Edit Profile', 'buddyboss' ),
        'slug'            => 'edit-profile',
        'parent_url'      => trailingslashit( $user_domain . $settings_slug ),
        'parent_slug'     => $settings_slug,
        'screen_function' => 'edit_profile_screen_function',
        'position'        => 100,
        'user_has_access' => bp_core_can_edit_settings()
    ), 'members' );

    // Add Profile photo option.
    bp_core_new_subnav_item( array(
        'name'            => __( 'Profile Photo', 'buddyboss' ),
        'slug'            => 'profile-photo',
        'parent_url'      => trailingslashit( $user_domain . $settings_slug ),
        'parent_slug'     => $settings_slug,
        'screen_function' => 'change_profile_picture_screen_function',
        'position'        => 100,
        'user_has_access' => bp_core_can_edit_settings()
    ), 'members' );
}

add_action( 'bp_setup_nav', 'custom_settings_nav_test');

function edit_profile_screen_function() {
    bp_core_load_template( 'members/single/profile/edit' );
}

function change_profile_picture_screen_function() {
    add_action( 'bp_template_content', 'change_profile_picture_screen_content' );
    bp_core_load_template( apply_filters( 'xprofile_template_change_avatar', 'members/single/plugins' ) );
}

function change_profile_picture_screen_content() {
    bp_get_template_part( 'members/single/profile/change-avatar' );
}

What am I missing?