Description

This PR:

• Change the namespace App to OpenedXCommerce.
• Change the attribute and variable names to add openedx as the prefix, e.g., enrollment_course_id to openedx_enrollment_course_id.
• Add prefixes to some style variables.

Testing instructions

For testing purposes, you can:

1. Enter in the WordPress admin of this stage https://share.1password.com/s#mjFE_KtE55oS9OrVUCMw0aZw8r4BvF-6ONKeFxJ2BuI
2. Test the API calls in Settings > Open edX Sync Plugin (Saving and generating JWT tokens).
3. Create enrollment requests or save them in WordPress's Open edX Sync option.

Note:

• I tested locally and remotely in a new or existing environment.

Additional information

This PR is for avoiding WordPress's common mistakes, in particular, the following:

4. Missing or inadequate function prefixes
   (issue found in approx. 60% of first reviews)

All active plugins in a WordPress installation will be loaded during execution. When two elements use the same name, a collision will happen. With more than 80k plugins in the repository, collisions are increasingly common.

That's why we need plugins to prefix their: function names, class names, namespaces, defines, option names, nonces and own input names with something that is related to this plugin, sufficiently complex and at least 5 characters long.

Example: a plugin named "Moon forms" could choose "moofor_ " or "moonforms_ " as a prefix but "mf_ ", "moon_ " or "forms_ " would be bad choices as they are too short, too generic or both.

This rule applies not only to function and class names (where namespaces are the best alternative) but also to defines, saving options, nonces and own input names, for example:

function moonforms_submit_button(){
class Moonforms_Form {
namespace Moonforms\Submit;

define('MOONFORMS_PLUGIN_URL', plugin_dir_url(FILE) );
define('MOONFORMS_PLUGIN_DIR', plugin_dir_path(FILE) );

update_option( 'moonforms-default-email', $email );

wp_nonce_field( 'moonforms-form', 'moonforms-nonce' );
if ( !empty( $_POST['moonforms-nonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash ( $_POST['moonforms-nonce'] ) ), 'moonforms-form' ) ) {

$email = sanitize_email( $_POST['moonforms-email'] );

Note
Before merging this PR, I want to ensure we are not editing some general CSS styles and colliding with other plugins.

Checklist for Merge

• Tested in a remote environment
• Updated documentation
• Rebased master/main