Refactor filter panels and enhance sidebar functionality

- Updated filter panel toggle icons from chevron-up to chevron-down across multiple pages for consistency.
- Added 'collapsed' class to filter content divs to manage visibility state.
- Enhanced library page button for tidying up media items, replacing the trash icon with a custom SVG broom icon.
- Improved CSS styles for sidebar and page header to ensure visibility and proper layout when the sidebar is collapsed.
- Introduced JavaScript functionality to manage sidebar width and state, including theme toggle for light/dark mode.
- Created a new notification drawer template that adapts based on the compact view state.

custom/otssignange/views/authed-user-menu.twig

@@ -3,11 +3,19 @@
   Based on Xibo CMS default authed-user-menu.twig (master branch)
   Minimal change: add ots-user-menu class for easy verification
 #}
+{% if compact is defined and compact %}
+<div class="dropdown nav-item item ots-user-menu-compact">
+    <a href="#" class="nav-link" data-toggle="dropdown" id="navbarUserMenu">
+        <img class="nav-avatar" src="{{ theme.uri("img/avatar.jpg") }}" />
+    </a>
+    <div class="dropdown-menu dropdown-menu-right ots-user-menu" aria-labelledby="navbarUserMenu">
+{% else %}
 <li class="dropdown nav-item item">
     <a href="#" class="nav-link" data-toggle="dropdown" id="navbarUserMenu">
         <img class="nav-avatar" src="{{ theme.uri("img/avatar.jpg") }}" />
     </a>
     <div class="dropdown-menu dropdown-menu-right ots-user-menu" aria-labelledby="navbarUserMenu">
+{% endif %}
         <h6 class="dropdown-header">{{ currentUser.userName }}<br/>
             <div id="XiboClock">{{ clock }}</div>
         </h6>
@@ -21,6 +29,10 @@
         <a class="dropdown-item XiboFormButton" href="{{ url_for("user.applications") }}" title="{% trans "View my authenticated applications" %}">{% trans "My Applications" %}</a>
 
         <div class="dropdown-divider"></div>
+        <a class="dropdown-item" id="ots-theme-toggle" href="#" title="Toggle light/dark mode">
+            <i class="fa fa-moon-o" id="ots-theme-icon" aria-hidden="true"></i>
+            <span id="ots-theme-label">Dark Mode</span>
+        </a>
         <a class="dropdown-item" id="reshowWelcomeMenuItem" href="{{ url_for("welcome.view") }}">{% trans "Reshow welcome" %}</a>
 
         <a class="dropdown-item XiboFormButton" href="{{ url_for("about") }}" title="{% trans "About the CMS" %}">{% trans "About" %}</a>
@@ -30,4 +42,9 @@
             <a class="dropdown-item" title="{% trans "Logout" %}" href="{{ logoutUrl }}">{% trans "Logout" %}</a>
         {% endif %}
     </div>
+{% if compact is defined and compact %}
+    </div>
+{% else %}
+    </div>
 </li>
+{% endif %}