resolve whitelabel error in main page and adding projects link in navbar

src/main/resources/templates/fragment/navbar.html

@@ -10,7 +10,7 @@
                         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                             <span class="navbar-toggler-icon"></span>
                         </button>
-                        <a class="nav-link" href="#">Project</a>
+                        <a class="nav-link" th:href="@{/projects}">Project</a>
                         <a class="nav-link" href="#">Profile</a>
                         <div th:if = "${#authentication.getPrincipal()}!=anonymousUser" style="display: flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-left: 10px">
                             <div style="color:white;">Welcome, [[${#authentication.getPrincipal().getAppUser().getFirstName()}]]</div>

src/main/resources/templates/mainpage.html

@@ -19,7 +19,7 @@
 <!--Navbar-->
 <div th:replace="fragment/navbar :: navbar"></div>
 
-    <div class="main-page" style="padding: 40px 40px">
+    <div class="main-page content">
 
         <title style="color: #003851; font-family: Poppins">Project</title>
 
@@ -37,7 +37,7 @@
                     </div>
                 </div>
                 <br>
-                <a th:href="#" class="btn btn-primary" style="float: right;">Join</a>
+                <a href="#" class="btn btn-primary" style="float: right;">Join</a>
             </div>
         </div>