Bootstrap 5 + Darkmode changes

app/views/nav/admin.html

@@ -1,6 +1,10 @@
-
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <ul class="navbar-nav navbar-dark bg-dark flex-column">
-        {ADMIN_LINKS}
-</ul>
-</nav>
+<ul class="nav nav-pills flex-column mb-auto">
+    {LOOP}
+        <li class="nav-item">
+            <a href="{url}" class="text-white {linkClasses}" {linkAttributes}>
+                {text}
+            </a>
+            {duuuuuuuh}
+        </li>
+    {/LOOP}
+</ul>

app/views/nav/adminSub.html

@@ -0,0 +1,6 @@
+
+    <ul class="collapse list-unstyled ms-3 text-small shadow" id="{dropdownName}Dropdown">
+        {LOOP}
+            <li class="nav-item"><a href="{url}" class="nav-link text-white">{text}</a></li>
+        {/LOOP}
+    </ul>

app/views/nav/statusLoggedIn.html

@@ -1,14 +1,15 @@
+<!-- User Dropdown -->
 <div class="dropdown nav-item mx-2">
     <a
         href="#"
-        class="d-block dropdown-toggle nav-link"
+        class="d-flex align-items-center text-white text-decoration-none dropdown-toggle"
         id="userDropdown"
         data-bs-toggle="dropdown"
         aria-haspopup="true"
         aria-expanded="false">
-        <span class="mr-3">{USERNAME}</span> <i class="fa fa-user"></i>
+        <img src="{ROOT_URL}{LOGO}" alt="" width="32" height="32" class="rounded-circle me-2"> <strong class="mr-3">{USERNAME}</strong>
     </a>
-    <ul class="dropdown-menu text-small" aria-labelledby="userDropdown">
+    <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="userDropdown">
         <li><a href="{ROOT_URL}usercp" class="dropdown-item"><i class="fa fa-fw fa-user"></i> Profile</a></li>
         {topNavRightDropdown}
         <li><a href="{ROOT_URL}usercp/settings" class="dropdown-item"><i class="fa fa-fw fa-gear"></i> Settings</a></li>