Refactor UI components to utilize MudBlazor's layout system

This commit updates several components to replace traditional HTML layout elements with MudBlazor's MudStack component for improved styling and responsiveness. Changes include the CareerMapping.razor, Index.razor, Registration.razor, TeamStudents.razor, and TeamToggleSelector.razor files. These modifications enhance the visual consistency and maintainability of the UI by adhering to the project's design standards.

WebApp/Components/Features/Events/CareerMapping.razor

@@ -37,7 +37,11 @@ else
             Events are shown in blue, career fields in green. Career fields are clusters of related careers.
             Click on a node to see details. Use mouse to zoom and pan the graph.
         </MudText>
-        
+
+        <div style="width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 4px;">
+            <Network Id="careerMappingNetwork" Data="@_networkData" Options="@GetNetworkOptions" OnClick="HandleNetworkClick" />
+        </div>
+
         @if (_selectedNodeInfo != null)
         {
             <MudPaper Elevation="1" Class="pa-4 mb-4" Style="background-color: #f5f5f5;">
@@ -61,9 +65,6 @@ else
             </MudPaper>
         }
         
-        <div style="width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 4px;">
-            <Network Id="careerMappingNetwork" Data="@_networkData" Options="@GetNetworkOptions" OnClick="HandleNetworkClick"/>
-        </div>
     </MudPaper>
 }