feat: enhance webhook event handling and improve profile fetching logic

- Updated the WebhooksService to differentiate between 'InvoiceSettled' and 'InvoicePaymentSettled' events, ensuring accurate payment confirmation and logging.
- Enhanced the useAccounts composable to improve display name handling by skipping generic placeholder names and ensuring the most recent profile metadata is fetched from multiple relays.
- Modified the IndeehubApiService to handle JWT token refresh failures gracefully, allowing public endpoints to function without authentication.
- Updated content store logic to fetch all published projects from the public API, ensuring backstage content is visible to all users regardless of their active content source.

These changes improve the reliability of payment processing, enhance user profile representation, and ensure content visibility across the application.

src/components/VideoPlayer.vue

@@ -686,6 +686,9 @@ function formatTime(seconds: number): string {
   background: #0a0a0a;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+  height: 100vh;
+  height: 100dvh; /* dynamic viewport height for mobile */
 }
 
 .video-player-container {
@@ -694,6 +697,7 @@ function formatTime(seconds: number): string {
   flex-direction: column;
   position: relative;
   cursor: none;
+  min-height: 0; /* prevent video intrinsic size from overflowing */
 }
 
 .video-player-container:hover {
@@ -734,10 +738,13 @@ function formatTime(seconds: number): string {
   align-items: center;
   justify-content: center;
   overflow: hidden;
+  min-height: 0; /* prevent video intrinsic size from overflowing flex container */
 }
 
 .video-area video {
   object-fit: contain;
+  max-height: 100%;
+  max-width: 100%;
 }
 
 /* YouTube iframe fills the entire area */