Fix YouTube player embed layout (#128)

- Increase iframe height for a usable player
- Allow same-origin access so the embed renders correctly
- Reset persisted player state for the new layout

Author: BunsDev

apps/web/src/components/YouTubePlayer.tsx

@@ -401,9 +401,9 @@ export function YouTubePlayerDrawer() {
             title="YouTube Player"
             src={embedUrl}
             width="100%"
-            height="80"
+            height="260"
             allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
-            sandbox="allow-scripts allow-popups allow-forms allow-presentation"
+            sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-presentation"
             loading="lazy"
             className="rounded-xl border-0"
           />

apps/web/src/youtubePlayerStore.ts

@@ -42,13 +42,13 @@ interface YouTubePlayerStore extends PersistedYouTubeState {
   clearCustomSlot: (slotIndex: 0 | 1) => void;
 }
 
-const STORAGE_KEY = "okcode:youtube-player:v1";
+const STORAGE_KEY = "okcode:youtube-player:v2";
 
 function readPersistedState(): PersistedYouTubeState {
   const defaults: PersistedYouTubeState = {
     isOpen: false,
     minimized: false,
-    selectedIndex: null,
+    selectedIndex: 0,
     volume: 80,
     customSlots: [null, null],
   };