@Anant Based on the information you provided, it seems like you have correctly configured the VNet Integration and IP Restrictions for your backend app service. However, it's possible that the IP address of your frontend app service is not being correctly recognized by the IP Restrictions rule.
To troubleshoot this issue, you can try the following steps:
Check the IP address of your frontend app service by going to the "Properties" section of the app service in the Azure portal. Make sure that this IP address is added to the IP Restrictions rule for your backend app service.
Check the logs for your backend app service to see if there are any errors related to IP Restrictions. You can access the logs by going to the "Log stream" section of the app service in the Azure portal.
If the above steps do not resolve the issue, you can try disabling the IP Restrictions rule temporarily to see if the backend app service is accessible from the frontend app service. If it is, then you can try re-creating the IP Restrictions rule with the correct IP address for the frontend app service.