Add the ability to Sort Recordings (GRN-43) (#327)

* <Added Pagination>

* <Created search bar in Room>

* <Fixed search bar UI>

* <Fixed searching>

* <Modified search>

* <Fixed code style>

* <fixed changes>

* <Added pagination and search for public recordings>

* <added rspec tests>

* <Added and Updated search.js>

* <Fixed live searching for current user room>

* <Fixed live searching for current user room>

* <Added live search for join>

* <Fixed errors>

* <fixed gemfile>

* <Fix gems>

* <>

* <Fixed rspec tests>

* <Added filter ui options>

* <Add sorting functionality>

* <Added sorting functionality for public recordings>

* <Update branch>

* <Fix code>

* <Fix code>

* <Fix code style>

* Update sort.js

app/views/shared/_sessions.html.erb

@@ -24,12 +24,16 @@
             <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
               <thead>
                 <tr>
-                  <th><%= t("recording.table.name") %></th>
+                  <th data-header="<%= t("recording.table.name") %>" data-order="none"><%= t("recording.table.name") %></th>
                   <% if recording_thumbnails? %>
                     <th><%= t("recording.table.thumbnails") %></th>
                   <% end %>
-                  <th class="text-left"><%= t("recording.table.length") %></th>
-                  <th class="text-left"><%= t("recording.table.users") %></th>
+                  <th class="text-left" data-header="<%= t("recording.table.length") %>" data-order="none">
+                    <%= t("recording.table.length") %>
+                  </th>
+                  <th class="text-left" data-header="<%= t("recording.table.users") %>" data-order="none">
+                    <%= t("recording.table.users") %>
+                  </th>
                   <th class="text-left"><%= t("recording.table.visibility") %></th>
                   <th><%= t("recording.table.formats") %></th>
                   <% unless only_public %>

app/views/shared/components/_public_recording_row.html.erb

@@ -15,7 +15,7 @@
 
 <tr>
   <td>
-    <div>
+    <div id="recording-title">
       <text>
         <% if recording[:metadata][:name] %>
           <%= recording[:metadata][:name] %>
@@ -38,13 +38,13 @@
       <% end %>
     </td>
   <% end %>
-  <td class="text-left">
+  <td id="recording-length" class="text-left">
     <div class="small text-muted text-uppercase">
       <%= t("recording.table.length") %>
     </div>
     <%= recording_length(recording[:playbacks]) %>
   </td>
-  <td class="text-left">
+  <td id="recording-users" class="text-left">
     <div class="small text-muted text-uppercase">
       <%= t("recording.table.users") %>
     </div>

app/views/shared/components/_recording_row.html.erb

@@ -39,10 +39,10 @@
       <% end %>
     </td>
   <% end %>
-  <td class="text-left">
+  <td id="recording-length" class="text-left" data-full-length="<%=recording[:playbacks].first[:length]%>">
     <%= recording_length(recording[:playbacks]) %>
   </td>
-  <td class="text-left">
+  <td id="recording-users" class="text-left">
     <%= recording[:participants] || "-" %>
   </td>
   <td class="text-left">