Update navbar, search, and profile UI elements

- Updated `NavLink` href in `NavbarDisplay.razor` to point to root ("/") for correct home navigation.
- Changed button class to `is-primary` in `SearchBarDisplay.razor` for consistent styling.
- Wrapped email in `<p>` tag and reformatted user data in `UserProfileDisplay.razor` for better readability.
- Redesigned layout in `MainLayout.razor`, moving `NavbarDisplay` outside `<main>` and simplifying structure for improved spacing and responsiveness.

GPVBlazor/GPVBlazor/Components/Displays/NavbarDisplay.razor

@@ -3,7 +3,7 @@
 
 <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
-        <NavLink href="navbar-item" Match="NavLinkMatch.All">
+        <NavLink href="/" Match="NavLinkMatch.All">
             <span class=" button is-primary">Home</span>
         </NavLink>
 

GPVBlazor/GPVBlazor/Components/Displays/SearchBarDisplay.razor

@@ -7,7 +7,7 @@
         <input class="input" type="text" placeholder="Write user name..." @bind="inputValue" @bind:event="oninput" @onkeydown="HandleKeyPress">
     </div>
     <div class="control">
-        <button class="button is-info" type="button" @onclick="SearchHandle">Search User</button>
+        <button class="button is-primary" type="button" @onclick="SearchHandle">Search User</button>
     </div>
 </div>
 

GPVBlazor/GPVBlazor/Components/Displays/UserProfileDisplay.razor

@@ -14,15 +14,15 @@
         <h2 class="title is-1">@UserProfile.Name</h2>
         <a class="mb-1" href="https://github.com/@UserProfile.Login"><strong>@@@UserProfile.Login</strong></a>
         <p class="mb-1">@UserProfile.Bio</p>
-        <a class="mb-1" href="mailto:@UserProfile.Email"><strong>Email: </strong>@UserProfile.Email</a>
+        <p class="mb-1"><strong>Email: </strong><a href="mailto:@UserProfile.Email">@UserProfile.Email</a></p>
         <p class="mb-1"><strong>Location: </strong>@UserProfile.Location</p>
-        <p class="mb-1"><strong>Public Repos:</strong> @UserProfile.PublicRepos</p>
-        <p class="mb-1"><strong>Public Gists:</strong> @UserProfile.PublicGists</p>
-        <p class="mb-1"><strong>Organizations:</strong> @UserProfile.Company</p>
-        <p class="mb-1"><strong>Website:</strong><a class="text-decoration-none" href="@(UserProfile?.Blog?.StartsWith("http") == true ? UserProfile.Blog : $"https://{UserProfile?.Blog}")" target="_blank">@UserProfile?.Blog</a></p>
-        <p class="mb-1"><strong>Company:</strong> @UserProfile?.Company</p>
-        <p class="mb-1"><strong>Last Update:</strong> @UserProfile.UpdatedAt</p>
-        <p class="mb-1"><strong>Member Since:</strong> @UserProfile.CreatedAt</p>
+        <p class="mb-1"><strong>Public Repos: </strong>@UserProfile.PublicRepos</p>
+        <p class="mb-1"><strong>Public Gists: </strong>@UserProfile.PublicGists</p>
+        <p class="mb-1"><strong>Organizations: </strong>@UserProfile.Company</p>
+        <p class="mb-1"><strong>Website: </strong><a class="text-decoration-none" href="@(UserProfile?.Blog?.StartsWith("http") == true ? UserProfile.Blog : $"https://{UserProfile?.Blog}")" target="_blank">@UserProfile?.Blog</a></p>
+        <p class="mb-1"><strong>Company: </strong>@UserProfile?.Company</p>
+        <p class="mb-1"><strong>Last Update: </strong>@UserProfile?.UpdatedAt</p>
+        <p class="mb-1"><strong>Member Since: </strong>@UserProfile?.CreatedAt</p>
     </div>
     <footer>
         <button class="button is-primary" @onclick="FetchAndShowFollowersModal">Followers: @UserProfile?.Followers</button>

GPVBlazor/GPVBlazor/Components/Layout/MainLayout.razor

@@ -1,10 +1,9 @@
 @inherits LayoutComponentBase
 @using Microsoft.AspNetCore.Components
 
-<div class="page">
+<div class="px-4 py-2">
+    <GPVBlazor.Components.Displays.NavbarDisplay />
     <main>
-        <GPVBlazor.Components.Displays.NavbarDisplay />
-
         <article class="content">
             @Body
         </article>