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

@@ -25,14 +25,7 @@
 
 {% block title %}{{ "Display Groups"|trans }} | {% endblock %}
 
-{% block actionMenu %}
-    <div class="widget-action-menu pull-right">
-        {% if currentUser.featureEnabled("displaygroup.add") %}
-            <button class="btn btn-icon btn-success XiboFormButton" title="{% trans "Add Display Group" %}" href="{{ url_for("displayGroup.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">
@@ -62,7 +55,7 @@
 
                                     {% set title %}{% trans "Display" %}{% endset %}
                                     {% set attributes = [
-                                        { name: "data-width", value: "200px" },
+                                        { name: "data-width", value: "100%" },
                                         { name: "data-allow-clear", value: "true" },
                                         { name: "data-placeholder--id", value: null },
                                         { name: "data-placeholder--value", value: "" },
@@ -116,6 +109,12 @@
 
                         <div id="datatable-container">
                             <div class="XiboData card py-3 dashboard-card ots-table-card">
+                                <div class="ots-table-toolbar">
+                                    {% if currentUser.featureEnabled("displaygroup.add") %}
+                                        <button class="btn btn-sm btn-success XiboFormButton" title="{% trans "Add Display Group" %}" href="{{ url_for("displayGroup.add.form") }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Add Group" %}</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="displaygroups" class="table table-striped" data-content-type="displayGroup" data-content-id-name="displayGroupId" data-state-preference-name="displayGroupGrid" style="width: 100%;">
                                     <thead>
                                         <tr>