Add search and pagination to user index

The "mazer" layout is no longer used as we have moved all the code on
application.html.erb.

We are not using ApexCharts currently so I removed the lines that were
importing scripts for that.

I tried writing system tests to test the search and pagination but I
couldn't find how to make Capybara see it. It worked when I tested it
by hand.

Author: Oli0li

app/views/layouts/application.html.erb

@@ -26,6 +26,8 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app-dark.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/iconly.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/simple-datatables/style.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/scss/pages/simple-datatables.scss">
 
     <style>
       #app {
@@ -90,9 +92,7 @@
       </div>
     </div>
 
-    <!-- Need: Apexcharts -->
-    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/apexcharts/apexcharts.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/pages/dashboard.js"></script>
-
+    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/simple-datatables/umd/simple-datatables.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/pages/simple-datatables.js"></script>
   </body>
 </html>

app/views/layouts/mazer.html.erb

@@ -4,15 +4,15 @@
   <section class="section">
     <div class="card">
       <div class="card-body">
-        <%= link_to new_region_path, class: "btn btn-primary" do %>
+        <%= link_to new_region_path, class: "btn btn-primary m-2" do %>
           <i class="bi bi-plus"></i> Add New User
         <% end %>
         <table class="table table-striped" id="table1">
           <thead>
             <tr>
               <th>Email</th>
               <th>Administrator</th>
-              <th>User actions</th>
+              <th class="text-end">User Actions</th>
             </tr>
           </thead>
           <tbody>