fix(video-widget): hls videos not working (#4015)

apps/nextjs/next.config.ts

@@ -42,9 +42,11 @@ const nextConfig: NextConfig = {
         headers: [
           {
             key: "Content-Security-Policy",
+            // worker-src / media-src with blob: is necessary for video.js, see https://github.com/homarr-labs/homarr/issues/3912 and https://stackoverflow.com/questions/65792855/problem-with-video-js-and-content-security-policy-csp
             value: `
               default-src 'self';
               script-src * 'unsafe-inline' 'unsafe-eval';
+              worker-src * blob:;
               base-uri 'self';
               connect-src *;
               style-src * 'unsafe-inline'; 
@@ -53,7 +55,7 @@ const nextConfig: NextConfig = {
               form-action 'self';
               img-src * data:;
               font-src * data:;
-              media-src * data:;
+              media-src * data: blob:;
             `
               .replace(/\s{2,}/g, " ")
               .trim(),