feat: add viewerIsMember prop to PersistencePage for conditional rendering of CdnBucket

Author: rbjornstad

src/lib/components/persistence/PersistencePage.svelte

@@ -23,11 +23,13 @@
 		list,
 		pageInfo,
 		orderField,
-		defaultOrderField
+		defaultOrderField,
+		viewerIsMember
 	}: {
 		description: Snippet;
 		notFound: Snippet;
 		cdnBucket?: string;
+		viewerIsMember?: boolean;
 		cost?: {
 			costData: CostData;
 			teamSlug: string;
@@ -114,7 +116,7 @@
 					/>
 				</div>
 			{/if}
-			{#if cdnBucket}
+			{#if cdnBucket && viewerIsMember}
 				<div>
 					<CdnBucket {cdnBucket} />
 				</div>
@@ -125,7 +127,7 @@
 	<div class="content-wrapper">
 		{@render notFound()}
 		<div class="right-column">
-			{#if cdnBucket}
+			{#if cdnBucket && viewerIsMember}
 				<div>
 					<CdnBucket {cdnBucket} />
 				</div>

src/routes/team/[team]/buckets/+page.svelte

@@ -6,14 +6,15 @@
 	import type { PageProps } from './$houdini';
 
 	let { data }: PageProps = $props();
-	let { Buckets } = $derived(data);
+	let { Buckets, viewerIsMember } = $derived(data);
 </script>
 
 <GraphErrors errors={$Buckets.errors} />
 
 {#if $Buckets.data}
 	<PersistencePage
 		cdnBucket={$Buckets.data.team.externalResources.cdn?.bucket}
+		{viewerIsMember}
 		cost={{
 			costData: $Buckets.data.team.cost,
 			teamSlug: $Buckets.data.team.slug,