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/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">