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

@@ -25,14 +25,7 @@
 
 {% block title %}{{ "Sync Groups"|trans }} | {% endblock %}
 
-{% block actionMenu %}
-    <div class="widget-action-menu pull-right">
-        {% if currentUser.featureEnabled("display.syncAdd") %}
-            <button class="btn btn-icon btn-success XiboFormButton" title="{% trans "Add a new Sync Group" %}" href="{{ url_for("syncgroup.form.add") }}"><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">
@@ -87,6 +80,12 @@
                         </div>
                         <div id="datatable-container">
                             <div class="XiboData card py-3 dashboard-card ots-table-card">
+                                <div class="ots-table-toolbar">
+                                    {% if currentUser.featureEnabled("display.syncAdd") %}
+                                        <button class="btn btn-sm btn-success XiboFormButton" title="{% trans "Add a new Sync Group" %}" href="{{ url_for("syncgroup.form.add") }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Add Sync 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="syncgroups" class="table table-striped" data-content-type="syncGroup" data-content-id-name="syncGroupId" data-state-preference-name="syncGroupGrid" style="width: 100%;">
                                     <thead>
                                         <tr>