refactor: enhance layout and structure of Caddyfile and Reverse Proxies pages for improved UI consistency

CaddyManager/Components/Layout/MainLayout.razor

@@ -30,10 +30,8 @@
             <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://github.com/daothanhduy305/CaddyManager" Target="_blank" />
         </MudAppBar>
         <NavigationDrawer @ref="_drawer"/>
-        <MudMainContent Class="pt-16 px-16 pb-10">
-            <MudContainer Class="mt-6">
+        <MudMainContent Class="pt-0" Style="height: calc(100vh - var(--mud-appbar-height) + var(--mud-appbar-height)/4); margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);">
             @Body
-            </MudContainer>
         </MudMainContent>
     </MudLayout>
 }

CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor

@@ -4,7 +4,7 @@
 
 <PageTitle>Reverse proxy configurations</PageTitle>
 
-<MudContainer Class="d-flex flex-row flex-grow-1 gap-4 align-center">
+<MudStack Row Class="px-20 mud-background-body pt-8">
     <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add"
                OnClick="NewReverseProxy">New...
     </MudButton>
@@ -24,8 +24,9 @@
                   OnDebounceIntervalElapsed="HandleIntervalElapsed" @bind-Value="_debouncedText"
                   AdornmentIcon="@(string.IsNullOrWhiteSpace(_debouncedText) ? Icons.Material.Filled.Search : Icons.Material.Filled.Close)"
                   OnAdornmentClick="HandleSearchBarAdornmentClick" />
-</MudContainer>
-<MudList T="CaddyConfigurationInfo" Class="pt-10" SelectionMode="SelectionMode.MultiSelection"
+</MudStack>
+<MudContainer Class="mt-8 overflow-y-auto" Style="height: calc(100vh - 3 * var(--mud-appbar-height) + 3 * var(--mud-appbar-height)/4 - 8px);">
+    <MudList T="CaddyConfigurationInfo" Class="py-4" SelectionMode="SelectionMode.MultiSelection"
          @bind-SelectedValues="_selectedCaddyConfigurations">
     @foreach (var (index, caddyConfig) in _availableCaddyConfigurations.Index())
     {
@@ -38,3 +39,4 @@
         }
     }
 </MudList>
+</MudContainer>

CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor

@@ -3,7 +3,8 @@
 
 <PageTitle>Global Caddyfile</PageTitle>
 
-<MudCard>
+<MudContainer Class="pt-8">
+    <MudCard>
         <MudCardHeader>
             <MudText Typo="Typo.h6">
                 Global Caddyfile
@@ -18,4 +19,5 @@
             <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
             <MudButton OnClick="Cancel">Cancel</MudButton>
         </MudCardActions>
-</MudCard>
+    </MudCard>
+</MudContainer>