Fix false "Rented" state for project owners + add "Your project" badge

The rental check catch block was incorrectly setting hasActiveRental=true
for project owners when the API call failed (e.g. auth token not synced).
This showed a "Rented" badge with no time remaining and hid the rent button.

- Separate "owner can play" from "has active rental" via new isOwner computed
- canPlay now includes isOwner so owners always have playback access
- Catch block no longer fakes a rental — keeps the badge accurate
- New purple "Your project" badge for owners (distinct from green "Rented")

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/ContentDetailModal.vue

@@ -43,6 +43,9 @@
                   </svg>
                   Rented &middot; {{ rentalTimeRemaining }}
                 </span>
+                <span v-else-if="isOwner" class="bg-purple-500/20 text-purple-400 border border-purple-500/30 px-2.5 py-0.5 rounded font-medium">
+                  Your project
+                </span>
                 <span v-else-if="content.rentalPrice" class="bg-amber-500/20 text-amber-400 border border-amber-500/30 px-2.5 py-0.5 rounded font-medium">
                   {{ content.rentalPrice.toLocaleString() }} sats
                 </span>
@@ -274,6 +277,9 @@ const relayConnected = ref(true)
 const hasActiveRental = ref(false)
 const rentalExpiresAt = ref<Date | null>(null)
 
+/** True if the logged-in user is the project owner */
+const isOwner = computed(() => !!props.content?.isOwnProject)
+
 /** Human-readable time remaining on the rental (e.g. "23h 15m") */
 const rentalTimeRemaining = computed(() => {
   if (!rentalExpiresAt.value) return ''
@@ -285,9 +291,9 @@ const rentalTimeRemaining = computed(() => {
   return `${minutes}m remaining`
 })
 
-/** True when the user can play without paying (subscription or active rental) */
+/** True when the user can play without paying (subscription, active rental, or project owner) */
 const canPlay = computed(() =>
-  hasActiveSubscription.value || hasActiveRental.value,
+  hasActiveSubscription.value || hasActiveRental.value || isOwner.value,
 )
 
 async function checkRentalAccess() {
@@ -304,9 +310,10 @@ async function checkRentalAccess() {
     rentalExpiresAt.value = result.expiresAt ? new Date(result.expiresAt) : null
   } catch (err) {
     console.warn('Rental check failed:', err)
-    // If the rental check fails (e.g. auth issue) but the user owns the
-    // content, treat it as "can play" so the owner isn't blocked.
-    hasActiveRental.value = !!props.content.isOwnProject
+    // Owner playback is handled by the isOwner computed property,
+    // so we don't fake a rental here. This keeps the "Rented" badge
+    // accurate and still shows the rental price for non-owners.
+    hasActiveRental.value = false
     rentalExpiresAt.value = null
   }
 }