Azure AI Bot Service Deployment Error: There was an error sending this message to your bot: HTTP status code NotFound

I am trying to deploy a very basic Azure Bot from the samples. However i am facing difficulty. I test the bot on my local machine and it works fine but when i deploy the bot on Azure and use the "Test in Webchat" it doesnt work. I get the error "There was an error sending this message to your bot: HTTP status code NotFound." I have researched alot and following are the leads where i think i might be wrong but i am not sure and seek help. Based on my diagnosis the following might be creating issues:

1. The Messaging endpoint: Even though i have configured the messaging endpoint correctly i.e. <<appservice-name>>.azurewebsites.net/api/messages. This is my exact messaging endpoint: https://contosotelcobotapp.azurewebsites.net/api/messages
   However if i open the url on the browser i get the following error
   "The resource you are looking for has been removed, had its name changed, or is temporarily unavailable." However nothing has been changed or moved or removed.
2. When i test my bot on local host and input just the localhost url it works fine. However if i input the Optional parameters i.e. App ID and Password it errors saying either of them is incorrect. Hence, i think maybe the app id and password i am using are incorrect. I am using the App id from the Config taskpane from my bot resource

and the password i get is when i registered my app, its the same that i obtain from going to Manage Password > Client Secrets > Value.

Where could i be going wrong in either of these two. And how do i fix it please help and guide!
Thank you!