Add new pages for managing tags, tasks, transitions, users, user groups, and their respective JavaScript functionalities

- Implemented tag management page with filtering, data table, and AJAX functionality.
- Created task management page with task listing, filtering, and AJAX data loading.
- Developed transition management page with a data table for transitions.
- Added user management page with comprehensive user details, filtering options, and AJAX support.
- Introduced user group management page with filtering and data table for user groups.
- Enhanced JavaScript for data tables, including state saving, filtering, and AJAX data fetching for all new pages.

custom/otssignange/views/template-page.twig

@@ -25,14 +25,7 @@
 
 {% block title %}{{ "Templates"|trans }} | {% endblock %}
 
-{% block actionMenu %}
-    <div class="widget-action-menu pull-right">
-        {% if currentUser.featureEnabled("template.add") %}
-            <button class="btn btn-icon btn-success XiboFormButton" title="{% trans "Add a new Template and jump to the layout editor." %}" href="{{ url_for("template.add.form") }}"><i class="fa fa-plus-circle" aria-hidden="true"></i></button>
-        {% endif %}
-        <button class="btn btn-icon btn-primary" id="refreshGrid" title="{% trans "Refresh the Table" %}" href="#"><i class="fa fa-refresh" aria-hidden="true"></i></button>
-    </div>
-{% endblock %}
+{% block actionMenu %}{% endblock %}
 
 {% block pageContent %}
     <div class="ots-displays-page">
@@ -69,8 +62,8 @@
                         </form>
                     </div>
                 </div>
-                <div class="grid-with-folders-container">
-                    <div class="grid-folder-tree-container p-3" id="grid-folder-filter">
+                <div class="grid-with-folders-container ots-grid-with-folders">
+                    <div class="grid-folder-tree-container p-3 dashboard-card ots-folder-tree" id="grid-folder-filter">
                         <input id="jstree-search" class="form-control" type="text" placeholder="{% trans "Search" %}">
                         <div class="form-check">
                             <input type="checkbox" class="form-check-input" id="folder-tree-clear-selection-button">
@@ -81,12 +74,18 @@
                         </div>
                         <div id="container-folder-tree"></div>
                     </div>
-                    <div class="folder-controller d-none">
+                    <div class="folder-controller d-none ots-grid-controller">
                         <button type="button" id="folder-tree-select-folder-button" class="btn btn-outline-secondary" title="{% trans "Open / Close Folder Search options" %}"><i class="fas fa-folder fa-1x"></i></button>
                         <div id="breadcrumbs" class="mt-2 pl-2"></div>
                     </div>
                     <div id="datatable-container">
                         <div class="XiboData card py-3 dashboard-card ots-table-card">
+                            <div class="ots-table-toolbar">
+                                {% if currentUser.featureEnabled("template.add") %}
+                                    <button class="btn btn-sm btn-success XiboFormButton" title="{% trans "Add a new Template and jump to the layout editor." %}" href="{{ url_for("template.add.form") }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Add Template" %}</button>
+                                {% endif %}
+                                <button class="btn btn-sm btn-primary" id="refreshGrid" title="{% trans "Refresh the Table" %}" href="#"><i class="fa fa-refresh" aria-hidden="true"></i></button>
+                            </div>
                             <table id="templates" class="table table-striped" data-content-type="layout" data-content-id-name="layoutId" data-state-preference-name="templateGrid" style="width: 100%;">
                                 <thead>
                                     <tr>