My navigation bar is not functioning correctly with Bootstrap 5. I have all the necessary CSS and JavaScript files included in my HTML, but when I try to toggle the navbar, the dropdown menu does not appear. I have checked my code multiple times and it appears to be in line with the examples provided in the Bootstrap documentation. Can someone assist me in identifying the cause of this issue?
<nav class="navbar navbar-expand-xxl bg-dark navbar-dark py-3 justify-content-between justify-content-xxl-start">
<div class="container container-fluid">
<a class="navbar-brand" href="/vacancies/all">
<img class="navbar-brand" src="/brunojobs.png" class="img-fluid" alt="brunojobs logo" height="45">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/vacancies/all">Vagas</a>
</li>
<% unless company_signed_in? %>
<li class="nav-item">
<a class="nav-link" href="/companies/sign_up">Anunciar</a>
</li>
<% else %>
<li class="nav-item">
<a class="nav-link" href="/vacancies/new">Anunciar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/vacancies">Meus Anúncios</a>
</li>
<% end %>
</ul>
<ul class="navbar-nav ms-auto">
<% if company_signed_in? %>
<li class="nav-item">
<a class="nav-link" href="/companies/edit">Meus Dados</a>
</li>
<li class="nav-item">
<%= link_to('Sair', destroy_company_session_path, method: :delete, class: 'nav-link') %>
</li>
<% else %>
<li class="nav-item">
<a class="nav-link" href="/companies/sign_in">Entrar</a>
</li>
<% end %>
</ul>
</div>
</div>
</nav>`