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/syncgroup-page.twig

@@ -48,10 +48,10 @@
                         <div class="ots-filter-header">
                             <h3 class="ots-filter-title">{% trans "Filter Sync Groups" %}</h3>
                             <button type="button" class="ots-filter-toggle" id="ots-filter-collapse-btn" title="{% trans 'Toggle filter panel' %}">
-                                <i class="fa fa-chevron-up"></i>
+                                <i class="fa fa-chevron-down"></i>
                             </button>
                         </div>
-                        <div class="ots-filter-content" id="ots-filter-content">
+                        <div class="ots-filter-content collapsed" id="ots-filter-content">
                             <div class="FilterDiv card-body" id="Filter">
                                 <form class="form-inline">
                                     {% set title %}{% trans "ID" %}{% endset %}