How to deploy/publish MS Teams App created in VS 2022?

I'm trying to create a MS Teams App for my company. I created a MS Teams App in Visual Studio 2022, ver 17.11.5. The Solution structure is like this:

The Project StorageGuardianCyberQuiz contains the Blazor .razor pages where I have coded the application.

If I run the application from Visual Studio, it works fine. But whenever I try to publish/deploy it in for my Organization, it only displays the opening screen and logo. It doesn't display the contents of the Tab App.

I tried to publish the APP in IIS (it is publicly available, HTTPS) and then tried to pointing the URL in manifest.json file, but nothing worked. 

I have published StorageGuardianCyberQuiz to IIS, installed .NET 8 Hosting Bundle.

I made the following changes in teamapp.local.yml:

 - uses: script
   with:
     run:
       echo "::set-teamsfx-env TAB_HOSTNAME=10.7.145.19";
       echo "::set-teamsfx-env TAB_DOMAIN=10.7.145.19/SGCyberQuiz:44302";
       echo "::set-teamsfx-env TAB_ENDPOINT=https://10.7.145.19/SGCyberQuiz:44302";

and in manifest.json:

 "contentUrl": "${{TAB_ENDPOINT}}/tab",
 "websiteUrl": "${{TAB_ENDPOINT}}/tab",

When the application is run, the following screen is being shown:

Any tips/suggestions would help a lot.

Thanks