Refactor layout components in Blazor application

Restructured the layout in `DemosMainLayout.razor` and `MainLayout.razor` to improve styling and organization. The `ContentSection` now wraps the `@Body` in a new `div` with the class `be-bulma-masthead`. Updated the footer placement within this new structure. Simplified the `Index.razor` layout by removing the `be-bulma-masthead` class, enhancing the visual presentation.

NOTE: This commit message is auto-generated using GitHub Copilot.

Author: gvreddy04

BlazorExpress.ChartJS.Demo.RCL/Layout/DemosMainLayout.razor

@@ -2,13 +2,11 @@
 @inherits MainLayoutBase
 
 <BulmaLayout>
-
     <HeaderSection>
         <WebsiteNavbar BrandImgSrc="@DemoStringConstants.StaticAssets_Icons_Logo_png"
                        BrandImgAltText="Blazor Express Logo"
                        ApplicationName="@DemoStringConstants.NugetPackageName" />
     </HeaderSection>
-
     <SidebarSection>
         <Menu @ref="menuRef" Class="be-bulma-page-menu" IsScrollable="true">
             @foreach (var group in linkGroups)
@@ -41,7 +39,6 @@
             }
         </Menu>
     </SidebarSection>
-
     <ContentSection>
         <div class="p-5">
             <Button Class="bi bi-box-arrow-right menu-toggle-button ml-1 mt-0 mb-1" @onclick="ToggleSidebarSection" />

BlazorExpress.ChartJS.Demo.RCL/Layout/MainLayout.razor

@@ -8,20 +8,22 @@
                        ApplicationName="@DemoStringConstants.NugetPackageName" />
     </HeaderSection>
     <ContentSection>
-        @Body
-        <div class="container is-max-desktop mb-4">
-            <MainLayoutBaseFooter Version="@Version"
-                                  DotNetVersion="@DotNetVersion"
-                                  DocsUrl="@DocsUrl"
-                                  BlogUrl="@BlogUrl"
-                                  GithubUrl="@GithubUrl"
-                                  NugetUrl="@NuGetUrl"
-                                  TwitterUrl="@TwitterUrl"
-                                  LinkedInUrl="@LinkedInUrl"
-                                  OpenCollectiveUrl="@OpenCollectiveUrl"
-                                  GithubIssuesUrl="@GithubIssuesUrl"
-                                  GithubDiscussionsUrl="@GithubDiscussionsUrl"
-                                  StackoverflowUrl="@StackoverflowUrl" />
+        <div class="be-bulma-masthead p-5">
+            @Body
+            <div class="container is-max-desktop mb-4">
+                <MainLayoutBaseFooter Version="@Version"
+                                      DotNetVersion="@DotNetVersion"
+                                      DocsUrl="@DocsUrl"
+                                      BlogUrl="@BlogUrl"
+                                      GithubUrl="@GithubUrl"
+                                      NugetUrl="@NuGetUrl"
+                                      TwitterUrl="@TwitterUrl"
+                                      LinkedInUrl="@LinkedInUrl"
+                                      OpenCollectiveUrl="@OpenCollectiveUrl"
+                                      GithubIssuesUrl="@GithubIssuesUrl"
+                                      GithubDiscussionsUrl="@GithubDiscussionsUrl"
+                                      StackoverflowUrl="@StackoverflowUrl" />
+            </div>
         </div>
     </ContentSection>
     <FooterSection>

BlazorExpress.ChartJS.Demo.RCL/Pages/Home/Index.razor

@@ -2,7 +2,7 @@
 
 <PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
 
-<div class="be-bulma-masthead has-text-centered">
+<div class="has-text-centered">
     <div class="container is-max-desktop mb-4">
         <div class="mb-6">
             <div class="pt-6 mb-6">