fix(search): overflow

Author: mbaraa

views/pages/search_results.templ

@@ -27,9 +27,16 @@ templ searchHeader() {
 }
 
 templ searchContent(results []entities.Song, playlists []entities.Playlist, songsInPlaylists map[string]bool) {
-	for idx, res := range results {
-		@song.Song(res, nil, []templ.Component{playlist.PlaylistsPopup(idx, res.YtId, playlists, songsInPlaylists)}, playSong(res), true)
-	}
+	<div
+		class={
+			"w-full", "overflow-y-scroll", "min-h-[40vh]", "max-h-[50vh]", "md:max-h-[65vh]",
+			"flex", "flex-col", "gap-5", "lg:mb-5",
+		}
+	>
+		for idx, res := range results {
+			@song.Song(res, nil, []templ.Component{playlist.PlaylistsPopup(idx, res.YtId, playlists, songsInPlaylists)}, playSong(res), true)
+		}
+	</div>
 }
 
 script playSong(song entities.Song) {