Add Azure AD authentication to DRF/React project -- 2

Hello,

I need to integrate the Azure authentication with React - Metronic Admin Dashboard Theme and the Django Rest Framework app.

Scope:
1. Login to Metronic Admin Theme using Azure AD user.
2. If does not exist: create Django user from Azure AD user (do not store password)
3. Populate name and email address on the profile page (Metronic Admin Theme > Profile)
4. List all the logged user groups via API (DRF).

For React frontend authentication utilize Microsoft @azure/msal-react @azure/msal-browser library.
For DRF backend authentication utilize 'oauth2_provider', 'social_django’, ‘drf_social_oauth2' modules

The attached architecture diagram describes the authentication flow between React, DRF, and Azure AD.
Project code development needs to follow best practices.
Follow the Metronic authentication structure.
Code needs to be well documented!

Thanks