Make case list available to users

Add case notes link
Move user list into admin section

templates/internal/libs/nav.html.twig

@@ -1,5 +1,5 @@
 {% block nav %}
-	<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-radius-lg fixed-start ms-2  bg-white my-2" id="sidenav-main">
+	<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-radius-lg fixed-start ms-2 my-2 bg-white" id="sidenav-main">
 		<div class="sidenav-header">
 			<i class="fas fa-times p-3 cursor-pointer text-dark opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
 			<a class="navbar-brand px-4 py-3 m-0" href="{{ path('app_dashboard') }}">
@@ -17,16 +17,19 @@
 		<div class="collapse navbar-collapse  w-auto " id="sidenav-collapse-main">
 			<ul class="navbar-nav">
 				{% if is_granted('ROLE_ADMIN') %}
+					<li class="nav-item mt-3">
+						<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Admin pages</h6>
+					</li>
 					<li class='nav-item'>
 						<a class="{{ admin_dashboard }}" href="{{ path('app_admin_dashboard') }}">
 							<i class="material-symbols-rounded opacity-5">dashboard</i>
 							<span class="nav-link-text ms-1">Admin Dashboard</span>
 						</a>
 					</li>
-					<li class='nav-item'>
+					<li class="nav-item">
-						<a class='{{ case_list }}' href='{{ path('app_list_cases') }}'>
+						<a class="{{ user_list }}" href="{{ path('app_list_users') }}">
-							<i class='material-symbols-rounded opacity-5'>cases</i>
+							<i class="material-symbols-rounded opacity-5">assignment</i>
-							<span class='nav-link-text ms-1'>Case List</span>
+							<span class="nav-link-text ms-1">User List</span>
 						</a>
 					</li>
 					<li clas='nav-item'>
@@ -37,7 +40,7 @@
 					</li>
 				{% endif %}
 
-				{% if is_granted('ROLE_CASE_MANAGER') %}
+				{% if is_granted('ROLE_CASE_MANAGER') or is_granted('ROLE_ADMIN') %}
 					<li class='nav-item'>
 						<a class='{{ staff_dashboard }}' href='{{ path('app_staff_dashboard') }}'>
 							<i class='material-symbols-rounded opacity-5'>dashboard</i>
@@ -46,12 +49,27 @@
 					</li>
 				{% endif %}
 
+				<li class="nav-item mt-3">
+					<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">User pages</h6>
+				</li>
 				<li class="nav-item">
 					<a class="{{ user_dashboard }}" href="{{ path('app_dashboard') }}">
 						<i class="material-symbols-rounded opacity-5">dashboard</i>
 						<span class="nav-link-text ms-1">Dashboard</span>
 					</a>
 				</li>
+				<li class='nav-item'>
+					<a class='{{ case_list }}' href='{{ path('app_list_cases') }}'>
+						<i class='material-symbols-rounded opacity-5'>cases</i>
+						<span class='nav-link-text ms-1'>Case List</span>
+					</a>
+				</li>
+				<li class='nav-item'>
+					<a class='{{ case_notes }}' href='{{ path('app_list_notes') }}'>
+						<i class='material-symbols-rounded opacity-5'></i>
+						<span class='nav-link-text ms-1'>Case Notes</span>
+					</a>
+				</li>
 				<li class="nav-item mt-3">
 					<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Account pages</h6>
 				</li>
@@ -61,14 +79,6 @@
 						<span class="nav-link-text ms-1">Profile</span>
 					</a>
 				</li>
-				{% if is_granted('ROLE_ADMIN') %}
-					<li class="nav-item">
-						<a class="{{ user_list }}" href="{{ path('app_list_users') }}">
-							<i class="material-symbols-rounded opacity-5">assignment</i>
-							<span class="nav-link-text ms-1">User List</span>
-						</a>
-					</li>
-				{% endif %}
 				<li class='nav-item'>
 					<a class='text-dark nav-link' href='{{ logout_path() }}'>
 						<i class='material-symbols-rounded opacity-5'>logout</i>

templates/internal/libs/top-nav.html.twig

@@ -20,6 +20,15 @@
 					</div>
 				</div>
 				<ul class="navbar-nav d-flex align-items-center justify-content-end">
+					<li class="nav-item d-xl-none ps-3 d-flex align-items-center">
+						<a href="javascript:;" class="nav-link p-0 text-body" id="iconNavbarSidenav">
+							<div class="sidenav-toggler-inner">
+								<i class="sidenav-toggler-line"></i>
+								<i class="sidenav-toggler-line"></i>
+								<i class="sidenav-toggler-line"></i>
+							</div>
+						</a>
+					</li>
 					{% if is_granted('ROLE_ADMIN') %}
 						<li class="nav-item px-3 d-flex align-items-center" title="Site Settings">
 							<a href="javascript:;" class="nav-link text-body p-0">