feat: set edunext/nelp frontend-component-header

[andrey-canon]

Description

This adds the NELC custom version of frontend-component-header. That version includes the following features

• Language selector
• LisaAI
• ProfileDataModal

Issue # 1288

How to test language selector

1. Checkout this branch
2. Run npm install
3. Run the following commands

export PATH="$(pwd)/node_modules/.bin:$PATH" 
make OPENEDX_ATLAS_PULL=true ATLAS_OPTIONS="--repository=nelc/futurex-translations --revision=open-release/redwood.master" pull_translations

4. Add the following setting MFE_CONFIG["ENABLE_HEADER_LANG_SELECTOR"] = True
5. Verify the language selector component

2025-10-16.12-34-23.mp4

How to test LisaAI

1. Checkout this branch
2. Run npm install
3. Add the following setting

MFE_CONFIG_OVERRIDES = {
    "discussions": {
        "LISAN_AI_CLIENT_ID": "your-id",
        "LISAN_AI_ENABLED": True,
    }
}

4. Go to discussion page
5. Add a post

2025-10-16.12-34-37.mp4

How to test ProfileDataModal

1. Checkout this branch
2. Run npm install
3. Add the following setting

VALID_PUBLIC_SECTORS = [
    "saudi_post",
    "communications_and_information_technology_commission",
    "ministry_of_communications_and_information_technology",
    "real_estate_development_fund",
    "general_authority_for_statistics",
    "other"
]
REQUIRED_USER_FIELDS = {
    "account": {
    },
    "profile": {
        "phone_number": {"max_length": 15, "format": "phone"},
    },
    "extra_info": {
        "occupation": {
            "char_type": "latin",
            "max_length": 50,
        },
        "sector": {
            "allow_empty": True,
            "dependent_fields": {
                "extrainfo.occupation": {
                    "employee": [
                        "public",
                        "private",
                        "non_profit"
                    ]
                }
            },
            "max_length": 50
        },
        "specific_sector": {
            "allow_empty": True,
            "dependent_fields": {
                "extrainfo.sector": {
                    "public": VALID_PUBLIC_SECTORS,
                }
            },
            "max_length": 150,
        },
        "national_id": {
            "max_length": 15,
            "format": "numeric",
        },
        "arabic_name": {
            "max_length": 50,
            "char_type": "arabic",
        },
    },
}
ENABLE_OTP_VALIDATION = False
USER_PROFILE_API_EXTRA_INFO_FIELDS = [
    "arabic_name",
    "arabic_first_name",
    "arabic_last_name",
    "occupation",
    "sector",
    "national_id",
    "specific_sector",
]
CONDITIONAL_USER_FIELDS = {
    "occupation": {
        "dependent_fields": {
            "employee": [
                "sector",
            ],
        },
        "key": "occupation",
        "options": [
            "employee",
            "student",
            "unemployed",
        ],
    },
    "public_sector": {
        "key": "specificSector",
        "options": VALID_PUBLIC_SECTORS,
    },
    "sector": {
        "dependent_fields": {
            "non_profit": [
                "specific_sector",
            ],
            "private": [
                "specific_sector",
            ],
            "public": [
                "public_sector",
            ]
        },
        "key": "sector",
        "options": [
            "public",
            "private",
            "non_profit",
        ],
    },
}
MFE_CONFIG["CONDITIONAL_USER_FIELDS"] = CONDITIONAL_USER_FIELDS
MFE_CONFIG["COURSE_EXPERIENCE_API_URL"] = "http://local.openedx.io:8000/eox-nelp/api/experience/v1"
MFE_CONFIG["OTP_API_URL"] = "http://local.openedx.io:8000/eox-nelp/api/one-time-password/v1"
MFE_CONFIG["USER_PROFILE_API_URL"] = "http://local.openedx.io:8000/eox-nelp/api/user-profile/v1"

4. Go to discussion page
5. Verify the modal behavior, complete all the fields and save the data

2025-10-16.12-37-39.mp4

[johanseto]

LGTM working in my local env.

Screencast.from.20-10-25.10.05.37.webm

Screencast.from.20-10-25.10.05.20.webm

Also the profile fight with react warning, but its ok.

Screencast.from.20-10-25.10.14.09.webm