Add Nicki Bradner to team and improve code consistency

package.json

@@ -32,6 +32,7 @@
 		"@eslint/eslintrc": "^3.3.1",
 		"@eslint/js": "^9.30.1",
 		"@playwright/test": "^1.53.2",
+		"@sveltejs/adapter-vercel": "^5.7.2",
 		"@sveltejs/kit": "2.5.27",
 		"@sveltejs/vite-plugin-svelte": "^4.0.4",
 		"@types/chroma-js": "^2.4.5",
@@ -84,7 +85,6 @@
 		"@sentry/sveltekit": "8.28.0",
 		"@sparticuz/chromium": "132.0.0",
 		"@svelte-put/shortcut": "^3.2.0",
-		"@sveltejs/adapter-vercel": "^5.7.2",
 		"@types/core-js": "^2.5.8",
 		"@upstash/redis": "^1.35.1",
 		"chroma-js": "^2.6.0",

pnpm-workspace.yaml

@@ -0,0 +1,12 @@
+allowBuilds:
+  '@prisma/client': set this to true or false
+  '@prisma/engines': set this to true or false
+  '@sentry/cli': set this to true or false
+  '@sentry/profiling-node': set this to true or false
+  '@sveltejs/kit': set this to true or false
+  bufferutil: set this to true or false
+  core-js: set this to true or false
+  esbuild: set this to true or false
+  prisma: set this to true or false
+  svelte-preprocess: set this to true or false
+  utf-8-validate: set this to true or false

postcss.config.cjs

@@ -12,7 +12,7 @@ const config = {
 				'media-query-ranges': true,
 				'cascade-layers': false
 			}
-		}),
+		})
 	]
 };
 

src/lib/AmsterdamBanner.svelte

@@ -2,11 +2,7 @@
 	import syntaxLogo from '../assets/syntax-wordmark-wide.svg';
 </script>
 
-<a
-	href="https://syntax.fm/meetup"
-	target="_blank"
-	class="layout amsterdam-banner"
->
+<a href="https://syntax.fm/meetup" target="_blank" class="layout amsterdam-banner">
 	<div class="banner-content">
 		<div class="text-section">
 			<p class="top-line">
@@ -34,7 +30,8 @@
 		background-position: right center;
 		background-repeat: no-repeat;
 		mask-image:
-			url(/repeating-paper-top.png), url(/paper-stripe-bottom.png), linear-gradient(var(--black), var(--black));
+			url(/repeating-paper-top.png), url(/paper-stripe-bottom.png),
+			linear-gradient(var(--black), var(--black));
 		--mask-size: 20px;
 		--mask-position: calc(100% + 5px);
 		mask-size:

src/lib/FormWithLoader.svelte

@@ -9,7 +9,7 @@
 		global?: boolean;
 		confirm?: string;
 		children?: import('svelte').Snippet<[any]>;
-		[key: string]: any
+		[key: string]: any;
 	}
 
 	let { global = true, confirm = '', children, ...rest }: Props = $props();
@@ -55,5 +55,5 @@
 </script>
 
 <form {...rest} use:enhance={form_action()}>
-	{@render children?.({ loading: formLoading, })}
+	{@render children?.({ loading: formLoading })}
 </form>

src/lib/HostsAndGuests.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import type { Guest } from '@prisma/client';
-	import Host from '$lib/hosts/Host.svelte';
+	import Host from '$/lib/team/Team.svelte';
 	interface Props {
 		guests?: { Guest: Guest }[];
 		hosts?: {
-		name: string | null;
-		username: string | null;
-		twitter: string | null;
-	}[];
+			name: string | null;
+			username: string | null;
+			twitter: string | null;
+		}[];
 	}
 
 	let { guests = [], hosts = [] }: Props = $props();

src/lib/hosts/Host.svelte → src/lib/team/Team.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import HostSocialLink from './HostSocialLink.svelte';
+	import HostSocialLink from './TeamSocialLink.svelte';
 	interface Props {
 		guest?: boolean;
 		host: {