[Media UI] Set `overflow: auto` on the innermost grid div only.

If a parent object of the `grid` DOM element has `overflow: auto` as
well, then it will intercept the `@scroll` events, so `Results` won't be
able to render an infinite scroll.

platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue

@@ -140,7 +140,6 @@ export default {
   .body {
     height: calc(100% - $media-nav-height - 2px);
     margin-top: 2px;
-    overflow: auto;
   }
 }
 </style>

platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Feed.vue

@@ -68,6 +68,5 @@ export default {
 <style lang="scss" scoped>
 .media-youtube-feed {
   height: 100%;
-  overflow: auto;
 }
 </style>

platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlist.vue

@@ -75,6 +75,5 @@ export default {
 <style lang="scss" scoped>
 .media-youtube-playlist {
   height: 100%;
-  overflow: auto;
 }
 </style>

platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlists.vue

@@ -90,7 +90,10 @@ export default {
 <style lang="scss" scoped>
 .media-youtube-playlists {
   height: 100%;
-  overflow: auto;
+
+  .playlist-body {
+    height: 100%;
+  }
 
   :deep(.playlist.item) {
     cursor: pointer;

platypush/backend/http/webapp/src/components/panels/Media/Results.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="media-results" @scroll="onScroll">
+  <div class="media-results">
     <Loading v-if="loading" />
-    <div class="grid" ref="grid" v-if="results?.length">
+    <div class="grid" ref="grid" v-if="results?.length" @scroll="onScroll">
       <Item v-for="(item, i) in visibleResults"
             :key="i"
             :item="item"
@@ -114,7 +114,11 @@ export default {
   width: 100%;
   height: 100%;
   background: $background-color;
-  overflow: auto;
+
+  .grid {
+    height: 100%;
+    overflow: auto;
+  }
 
   .info-container {
     width: 100%;