refactor: replace YouTubeVideo with YouTube Lite

YouTube loads PER video embedded in a page 900 kB which is insane.

pnpm-lock.yaml

@@ -9,6 +9,9 @@ overrides:
   react-dom: npm:@preact/compat@latest
 
 dependencies:
+  '@astro-community/astro-embed-youtube':
+    specifier: ^0.2.2
+    version: 0.2.2(astro@2.5.5)
   '@astrojs/mdx':
     specifier: ^0.19.4
     version: 0.19.4(astro@2.5.5)(rollup@3.23.0)
@@ -179,6 +182,15 @@ packages:
       '@jridgewell/trace-mapping': 0.3.18
     dev: false
 
+  /@astro-community/astro-embed-youtube@0.2.2(astro@2.5.5):
+    resolution: {integrity: sha512-eGBVujUNOv6x2x/iXS7D/XWmlx69frLQKyYBW0zTFzzgDCeOuXkJ4TPMOdQHsttp2ZCvbqii8f27GoaTKHIa7g==}
+    peerDependencies:
+      astro: ^1.0.0 || ^2.0.0-beta
+    dependencies:
+      astro: 2.5.5(@types/node@16.9.1)(sharp@0.32.1)
+      lite-youtube-embed: 0.2.0
+    dev: false
+
   /@astrojs/compiler@1.4.2:
     resolution: {integrity: sha512-xoRp7JpiMZPK/beUcZEM5kM44Z/h20wwwQcl54duPqQMyySG9vZ5xMM6dYiQmn7b3XzpZs0cT6TRDoJJ5gwHAQ==}
 
@@ -7736,6 +7748,10 @@ packages:
       - zenObservable
     dev: true
 
+  /lite-youtube-embed@0.2.0:
+    resolution: {integrity: sha512-XXXAk5sbvtjjwbie3XG+6HppgTm1HTGL/Uk9z9NkJH53o7puZLur434heHzAjkS60hZB3vT4ls25zl5rMiX4EA==}
+    dev: false
+
   /load-bmfont@1.4.1:
     resolution: {integrity: sha512-8UyQoYmdRDy81Brz6aLAUhfZLwr5zV0L3taTQ4hju7m6biuwiWiJXjPhBJxbUQJA8PrkvJ/7Enqmwk2sM14soA==}
     dependencies: