fix(ui-mode): make UI Mode projects scrollable (#28438)

Fixes https://github.com/microsoft/playwright/issues/28393



https://github.com/microsoft/playwright/assets/17984549/5791e422-f4e6-4202-b66c-b77bbb476c04

packages/trace-viewer/src/ui/uiModeView.tsx

@@ -316,7 +316,7 @@ const FiltersView: React.FC<{
       <span className='filter-label'>Status:</span> {statusLine}
       <span className='filter-label'>Projects:</span> {projectsLine}
     </div>
-    {expanded && <div className='hbox' style={{ marginLeft: 14 }}>
+    {expanded && <div className='hbox' style={{ marginLeft: 14, maxHeight: 200, overflowY: 'auto' }}>
       <div className='filter-list'>
         {[...statusFilters.entries()].map(([status, value]) => {
           return <div className='filter-entry'>