I've added 2 links in my header component, but for some reason, they are not displaying. It's strange because everything appears to be correct. These 2 links are part of a list within a ul element.
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #563F7A">
<a class="navbar-brand" href="#">Product List</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#">Product Operations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Product Logout</a>
</li>
</ul>
</div>
</nav