Centered the Settings component

DiscordBotWebUI/Components/Layout/MainLayout.razor

@@ -8,11 +8,9 @@
     </div>
 
     <main>
-        <RadzenBody Expanded="true">
         <article class="content px-4">
             @Body
         </article>
-        </RadzenBody>
     </main>
 </div>
 

DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor

@@ -1,17 +1,5 @@
 @page "/"
-@inject IJSRuntime JSRuntime
-@inject NavigationManager NavigationManager
-@inject DialogService DialogService
-@inject ContextMenuService ContextMenuService
-@inject TooltipService TooltipService
-@inject NotificationService NotificationService
 
-<PageTitle>Home</PageTitle>
-<RadzenRow>
-    <RadzenColumn Size="12">
-        <RadzenText Text="Home" TextStyle="TextStyle.H3" TagName="TagName.H1" />
-    </RadzenColumn>
-</RadzenRow>
 @code {
 
 }

DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor

@@ -1,14 +1,10 @@
 @page "/settings"
 @inject DialogService DialogService;
 
-<RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
+<div style="display: flex; justify-content: center; align-items: center; height: 100vh; background-color: transparent;">
+    <RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); width: 50%; max-width: 600px;">
         <RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;">
             <RadzenLabel Text="Enter your Discord bot token below:" />
-            <RadzenLabel
-                Text="Create token here"
-                Component="a"
-                href="https://discord.com/developers/applications"
-                Style="display: block; margin-bottom: 0.5rem;" />
             <RadzenTextBox
                 id="token"
                 Name="token"
@@ -32,7 +28,8 @@
 
             <RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" />
         </RadzenStack>
-</RadzenCard>
+    </RadzenCard>
+</div>
 
 
 @code {