fix(ui): Truncate long report filename

FossIdReporter seems to produce incredibly long filenames, which break
the UI layout. `break-all` to the rescue, once again.

Resolves #1548.

Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>

ui/src/routes/organizations/$orgId/products/$productId/repositories/$repoId/runs/$runIndex/reports/index.tsx

@@ -93,10 +93,10 @@ const ReportComponent = () => {
               <div key={filename} className='flex flex-col pb-2'>
                 <Button
                   variant='outline'
-                  className='font-semibold text-blue-400'
+                  className='h-auto whitespace-normal font-semibold text-blue-400'
                   onClick={() => handleDownload(ortRun.id, filename)}
                 >
-                  {filename}
+                  <div className='break-all'>{filename}</div>
                 </Button>
               </div>
             ))