Open a note from anywhere on its card (#630)

src/app/components/HomeNetworkItem.svelte

@@ -23,12 +23,10 @@
   const goToReplies = () => goToEvent(event)
 </script>
 
-<div class="card card-interactive flex flex-col gap-3">
+<NoteItem {event} {context}>
-  <NoteItem {event} {context} card={false} interactive>
   <Button class="button button-neutral button-xs rounded-full" onclick={goToReplies}>
     <Icon icon={Reply} size={4} />
     {replyCount}
     {replyCount === 1 ? "reply" : "replies"}
   </Button>
 </NoteItem>
-</div>

src/app/components/NoteItem.svelte

@@ -13,19 +13,10 @@
     context: FeedContext
     url?: string
     card?: boolean
-    interactive?: boolean
     showEntire?: boolean
   }
 
-  const {
+  const {url, event, children, context, card = true, showEntire = false}: Props = $props()
-    url,
-    event,
-    children,
-    context,
-    card = true,
-    interactive = card,
-    showEntire = false,
-  }: Props = $props()
 </script>
 
 {#snippet body()}
@@ -37,11 +28,11 @@
 {/snippet}
 
 {#if card}
-  <Cv tag={NoteCard} {event} {url} {interactive} class="card card-interactive">
+  <Cv tag={NoteCard} {event} {url} interactive class="card card-interactive">
     {@render body()}
   </Cv>
 {:else}
-  <NoteCard {event} {url} {interactive}>
+  <NoteCard {event} {url}>
     {@render body()}
   </NoteCard>
 {/if}