Improve storyboards

Instead of limiting the width of storyboards through CSS it is now done in the
VTT directly.

assets/css/videojs-vtt-thumbnails-fix.css

@@ -1,3 +0,0 @@
-.video-js .vjs-vtt-thumbnail-display {
-  max-width: 158px;
-}

src/invidious.cr

@@ -1867,14 +1867,14 @@ get "/api/v1/storyboards/:id" do |env|
     storyboard[:storyboard_count].times do |i|
       url = storyboard[:url]
       authority = /(i\d?).ytimg.com/.match(url).not_nil![1]?
-      url = storyboard[:url].gsub("$M", i).gsub(%r(https://i\d?.ytimg.com/sb/), "")
+      url = url.gsub("$M", i).gsub(%r(https://i\d?.ytimg.com/sb/), "")
       url = "#{HOST_URL}/sb/#{authority}/#{url}"
 
       storyboard[:storyboard_height].times do |j|
         storyboard[:storyboard_width].times do |k|
           str << <<-END_CUE
           #{start_time}.000 --> #{end_time}.000
-          #{url}#xywh=#{storyboard[:width] * k},#{storyboard[:height] * j},#{storyboard[:width]},#{storyboard[:height]}
+          #{url}#xywh=#{storyboard[:width] * k},#{storyboard[:height] * j},#{storyboard[:width] - 2},#{storyboard[:height]}
 
 
           END_CUE

src/invidious/views/components/player_sources.ecr

@@ -3,7 +3,6 @@
 <link rel="stylesheet" href="/css/videojs.markers.min.css?v=<%= ASSET_COMMIT %>">
 <link rel="stylesheet" href="/css/videojs-share.css?v=<%= ASSET_COMMIT %>">
 <link rel="stylesheet" href="/css/videojs-vtt-thumbnails.css?v=<%= ASSET_COMMIT %>">
-<link rel="stylesheet" href="/css/videojs-vtt-thumbnails-fix.css?v=<%= ASSET_COMMIT %>">
 <script src="/js/global.js?v=<%= ASSET_COMMIT %>"></script>
 <script src="/js/video.min.js?v=<%= ASSET_COMMIT %>"></script>
 <script src="/js/videojs-contrib-quality-levels.min.js?v=<%= ASSET_COMMIT %>"></script>