Fixed #280 Search/Paginate recordings (GRN-12) (#281)

* <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>

* <Removed commented code>

* Update search.js

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

@@ -16,11 +16,13 @@
 <tr>
   <td>
     <div>
-      <% if recording[:metadata][:name] %>
-        <%= recording[:metadata][:name] %>
-      <% else %>
-        <%= recording[:name] %>
-      <% end %>
+      <text>
+        <% if recording[:metadata][:name] %>
+          <%= recording[:metadata][:name] %>
+        <% else %>
+          <%= recording[:name] %>
+        <% end %>
+      </text>
     </div>
     <div class="small text-muted">
       <%= t("recording.recorded_on", date: recording_date(recording[:startTime])) %>

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

@@ -18,16 +18,14 @@
     <p class="subtitle"><%= subtitle %></p>
   </div>
   <% if search %>
-    <!--
-    <div class="col-3">
+    <div id="search_bar" class="col-3">
       <div class="input-icon">
-        <span class="input-icon-addon">
-          <i class="fas fa-search"></i>
-        </span>
         <input type="text" class="form-control btn-pill" placeholder="Search...">
+        <span class="input-icon-addon">
+        <i class="fas fa-search"></i>
+      </span>
       </div>
     </div>
-    -->
   <% end %>
 </div>
 <hr class="mt-0">