Simple WEB3.0 METAMASK page

We want a web page to perform these steps related to Metamask functions, in order to prepare Metamask to operate with specific networks and tokens

1) Check browser compatibility with Metamask
Output: If not compatible ask to open the compatible browser

2) Connect metamask [BUTTON]
Output: If not installed ask to install
Output: Print Connected to metamask

3) (automatically after succesful step 2)
Prepare metamask
a) search if BSC and XLON Networks are configured if not prompt to configure in metamask by passing predefined network values
Output: Print BSC and XLON Networks configured

b) search if specific BEP20 Token and ERC20 Token are configured if not prompt to configure in metamask by passing predefined token values
Output: Print XLON-ERC20, XLON BEP-20 CONFIGURED

4) (automatically after succesful step 3)
Get balance for XLON (from Excelon Network), ETH and XLON-ERC20 (from ETH), BNB and XLON-BEP20 (from ETH)
Output: Print BALANCE FOR WALLET : XXXXXXXXXXX
XLON=XXXXX
XLON-ERC20=XXXXX
XLON BEP-20=XXXXXX
ETH=xxxx
BNB=xxxx