feat: add disabled state to Projects

also add links! yayyayayy

src/lib/components/ProjectCard.svelte

···
 <script lang="ts">
 	import { ExternalLink } from '@lucide/svelte';
 
-	let { title, href = '#', avatar, handle } = $props<{ 
+	let { title, href = '#', avatar, handle, disabled } = $props<{ 
 		title: string; 
 		href?: string;
 		avatar?: string;
 		handle?: string;
+		disabled?: boolean;
 	}>();
 </script>
 
-<a {href} class="project-card" target="_blank" rel="noopener noreferrer">
+<a {href} class="project-card {disabled ? 'disabled' : ''}" target="_blank" rel="noopener noreferrer">
 	{#if avatar}
 		<img src={avatar} alt={title} class="project-avatar" />
 	{/if}
···
 		.project-card:hover :global(.project-icon) {
 			transform: none;
 		}
+	}
+
+	.project-card.disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+		pointer-events: none;
 	}
 </style>

src/lib/components/ProjectGrid.svelte

···
 		projects = []
 	} = $props<{
 		title?: string;
-		projects?: Array<{ title: string; href?: string; avatar?: string; handle?: string }>;
+		projects?: Array<{ title: string; href?: string; avatar?: string; handle?: string; disabled?: boolean}>;
 	}>();
 </script>
 
···
 					href={project.href}
 					avatar={project.avatar}
 					handle={project.handle}
+					disabled={project.disabled}
 				/>
 			</div>
 		{/each}

src/lib/components/index.ts

···
 export type Project = {
 	title: string;
 	href?: string;
+	disabled?: boolean;
 	// Optional member-specific fields
 	avatar?: string;
 	handle?: string;

src/lib/constants.ts

···
 } as const;
 
 export const PROJECTS: Project[] = [
-	{ title: 'Social Sync', href: '#' },
-	{ title: 'Witchsky.app', href: '#' },
-	{ title: 'Witchsky.social', href: '#' },
-	{ title: 'Buttons thing', href: '#' },
-	{ title: 'Flushes client', href: '#' }
+	{ title: 'Social Sync', href: 'https://tangled.org/jollywhoppers.com/socialsync'},
+	{ title: 'Witchsky.app', href: 'https://witchsky.app/' },
+	{ title: 'Witchsky.social', href: '#', disabled: true },
+	{ title: 'Buttons thing', href: '#', disabled: true },
+	{ title: 'Flushes client', href: '#', disabled: true }
 ];
 
 export const CONTRIBUTORS: Project[] = [