refact: revamp from custom css to bootstrap

Author: EliasMasche

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/TabbedNavigation.razor

@@ -2,14 +2,22 @@
 @using LinkDotNet.Blog.Web.Features.AboutMe.Components.Talk
 
 <div class="col-lg-9 col-md-8 tab-container">
-    <ul class="nav nav-pills nav-underline border-bottom justify-content-around" id="aboutMe" role="tablist">
-        <li class="nav-item" role="presentation">
-            <button class="nav-link active btn-primary btn-light" id="pills-skills-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Skills</button>
-        </li>
-        <li class="nav-item" role="presentation">
-            <button class="nav-link btn-primary btn-light" id="pills-talks-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Talks</button>
-        </li>
-    </ul>
+	<ul class="nav nav-pills nav-underline border-bottom justify-content-around" id="aboutMe" role="tablist">
+		<li class="nav-item" role="presentation">
+			<button class="nav-link active bg-transparent border-0 text-body" id="pills-skills-tab"
+			        data-bs-toggle="pill" data-bs-target="#pills-home" type="button"
+			        role="tab" aria-controls="pills-home" aria-selected="true">
+				Skills
+			</button>
+		</li>
+		<li class="nav-item" role="presentation">
+			<button class="nav-link bg-transparent border-0 text-body" id="pills-talks-tab"
+			        data-bs-toggle="pill" data-bs-target="#pills-profile" type="button"
+			        role="tab" aria-controls="pills-profile" aria-selected="false">
+				Talks
+			</button>
+		</li>
+	</ul>
     <div class="tab-content" id="myTabContent">
         <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-skills-tab" tabindex="0">
             <SkillTable ShowAdminActions="@IsAuthenticated"></SkillTable>

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -248,12 +248,13 @@ code {
     z-index: initial;
     max-width: 130px;
 }
-
+/*
 .nav>.nav-item>button {
 	border: 0;
 	background: transparent !important;
 	color: var(--bs-body-color) !important;
 }
+ */
 /*#endregion */
 
 /*#region About Me */