Add search bar for collections (#1260)

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>

components/collections/folder.vue

@@ -3,8 +3,8 @@
     <div class="row-wrapper">
       <div>
         <button class="icon" @click="toggleShowChildren">
-          <i class="material-icons" v-show="!showChildren">arrow_right</i>
-          <i class="material-icons" v-show="showChildren">arrow_drop_down</i>
+          <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
+          <i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i>
           <i class="material-icons">folder_open</i>
           <span>{{ folder.name }}</span>
         </button>
@@ -30,7 +30,7 @@
       </v-popover>
     </div>
 
-    <div v-show="showChildren">
+    <div v-show="showChildren || isFiltered">
       <ul class="flex-col">
         <li
           v-for="(request, index) in folder.requests"
@@ -72,6 +72,7 @@ export default {
     collectionIndex: Number,
     folderIndex: Number,
     doc: Boolean,
+    isFiltered: Boolean,
   },
   data() {
     return {