Show sources playlist scrollbar

libs/workspace/shell/feature/src/lib/workspace-sources/workspace-sources.component.html

@@ -36,7 +36,10 @@
             </mat-menu>
         </header>
     }
-    <div class="sources-content">
+    <div
+        class="sources-content"
+        [class.app-scrollbar]="visibleSourcesCount() > 0"
+    >
         <app-recent-playlists
             [searchQueryInput]="searchQuery()"
             (addPlaylistClicked)="onAddPlaylist($event)"

libs/workspace/shell/feature/src/lib/workspace-sources/workspace-sources.component.spec.ts

@@ -144,4 +144,14 @@ describe('WorkspaceSourcesComponent', () => {
         expect(subtitle.textContent?.trim()).toBe('1 playlist');
         expect(subtitle.tagName).toBe('SPAN');
     });
+
+    it('uses the shared always-visible scrollbar utility for the playlist list', async () => {
+        fixture.detectChanges();
+        await fixture.whenStable();
+
+        const content: HTMLElement =
+            fixture.nativeElement.querySelector('.sources-content');
+
+        expect(content.classList.contains('app-scrollbar')).toBe(true);
+    });
 });