Fix use of ReconnectModal in Blazor templates with auto mode and global interactivity (#60735)

* Fix reconnect UI in project template for auto & global interactive

* Move <ReconnectModal> to App.razor, update _Imports.razor accordingly

Author: oroztocil

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/.template.config/template.json

@@ -98,7 +98,10 @@
           "exclude": [
             "BlazorWeb-CSharp/Components/Layout/ReconnectModal.razor",
             "BlazorWeb-CSharp/Components/Layout/ReconnectModal.razor.css",
-            "BlazorWeb-CSharp/Components/Layout/ReconnectModal.razor.js"
+            "BlazorWeb-CSharp/Components/Layout/ReconnectModal.razor.js",
+            "BlazorWeb-CSharp.Client/Layout/ReconnectModal.razor",
+            "BlazorWeb-CSharp.Client/Layout/ReconnectModal.razor.css",
+            "BlazorWeb-CSharp.Client/Layout/ReconnectModal.razor.js"
           ]
         },
         {

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/App.razor

@@ -39,6 +39,9 @@
     ##else
     <Routes @rendermode="InteractiveWebAssembly" />
     ##endif*@
+    @*#if (UseServer)  -->
+    <ReconnectModal />
+    ##endif*@
     <script src="@Assets["_framework/blazor.web.js"]"></script>
 </body>
 

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/MainLayout.razor

@@ -28,6 +28,3 @@
     <span class="dismiss">🗙</span>
 </div>
 ##endif*@
-@*#if (UseServer)  -->
-<ReconnectModal />
-##endif*@

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/ReconnectModal.razor

@@ -1,4 +1,8 @@
-<script type="module" src="@Assets["Components/Layout/ReconnectModal.razor.js"]"></script>
+@*#if (UseWebAssembly && InteractiveAtRoot) -->
+<script type="module" src="@Assets["Layout/ReconnectModal.razor.js"]"></script>
+##else
+<script type="module" src="@Assets["Components/Layout/ReconnectModal.razor.js"]"></script>
+##endif*@
 
 <dialog id="components-reconnect-modal" data-nosnippet>
     <div class="components-reconnect-container">

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/_Imports.razor

@@ -13,4 +13,10 @@
 @*#if (UseWebAssembly) -->
 @using BlazorWeb_CSharp.Client
 ##endif*@
+@*#if (UseServer && UseWebAssembly && InteractiveAtRoot) -->
+@using BlazorWeb_CSharp.Client.Layout
+##endif*@
 @using BlazorWeb_CSharp.Components
+@*#if (UseServer && (!UseWebAssembly || !InteractiveAtRoot)) -->
+@using BlazorWeb_CSharp.Components.Layout
+##endif*@