Add paywall for crossfilter

Author: James O'Claire

frontend/src/lib/NavTabs.svelte

@@ -46,6 +46,12 @@
 			</p>
 		</a>
 		<div class={myDivider}></div>
+		<a href="/app-explorer">
+			<p class={isHighlighted('/app-explorer') ? topBarHighlightedFont : topBarFont}>
+				APP EXPLORER
+			</p>
+		</a>
+		<div class={myDivider}></div>
 		<a href="/blog">
 			<p class={isHighlighted('/blog') ? topBarHighlightedFont : topBarFont}>BLOG</p>
 		</a>

frontend/src/routes/+layout.svelte

@@ -111,6 +111,10 @@
 			<div class="mb-2">
 				<a href="/about" class="underline hover:text-primary-900-100">About AppGoblin</a>
 				&nbsp;|&nbsp;
+				<a href="/blog" class="underline hover:text-primary-900-100">Blog</a>
+				&nbsp;|&nbsp;
+				<a href="/reports" class="underline hover:text-primary-900-100">Reports</a>
+				&nbsp;|&nbsp;
 				<a href="/pricing" class="underline hover:text-primary-900-100">Pricing</a>
 				&nbsp;|&nbsp;
 				<a href="/privacy_policy.html" class="underline hover:text-primary-900-100"

…tend/src/routes/apps/top/+page.server.ts …/src/routes/app-explorer/+page.server.tsfrontend/src/routes/apps/top/+page.server.ts renamed to frontend/src/routes/app-explorer/+page.server.ts frontend/src/routes/apps/top/+page.server.ts renamed to frontend/src/routes/app-explorer/+page.server.ts

@@ -1,13 +1,27 @@
 import type { PageServerLoad } from './$types';
 import { createApiClient } from '$lib/server/api';
+import { db } from '$lib/server/auth/db';
 
 interface CompanyRaw {
 	company_name: string | null;
 	company_domain: string | null;
 	total_apps: number;
 }
 
-export const load: PageServerLoad = async ({ fetch }) => {
+export const load: PageServerLoad = async ({ fetch, locals }) => {
+	const user = locals.user;
+	let hasPaidAccess = false;
+
+	if (user) {
+		const row = await db.queryOne<{ status: string }>(
+			`SELECT status FROM subscriptions
+			 WHERE user_id = $1 AND status IN ('active', 'trialing')
+			 ORDER BY created_at DESC LIMIT 1`,
+			[user.id]
+		);
+		hasPaidAccess = !!row;
+	}
+
 	const api = createApiClient(fetch);
 
 	// Load companies for the dropdown filters
@@ -30,7 +44,8 @@ export const load: PageServerLoad = async ({ fetch }) => {
 
 	return {
 		companies,
-		categories
+		categories,
+		hasPaidAccess
 	};
 };