style: updated group link display

Fixed upld.ts to import from Vite provided env vars

src/lib/teachings.ts

@@ -1,6 +1,7 @@
 export type Teaching = {
 	name: string;
 	url: string;
+	telegram?: string;
 };
 
 export type TeachingYear = {

src/lib/upld.ts

@@ -1,4 +1,8 @@
-const UPDL_URL = process.env.VITE_UPLD_URL;
+const UPDL_URL = import.meta.env.VITE_UPLD_URL;
+
+if (UPDL_URL == null) {
+	throw new Error('Missing VITE_UPLD_URL');
+}
 
 export function getLoginUrl(redirectUrl: string | URL): string {
 	return `${UPDL_URL}/login?redirect_uri=${redirectUrl}`;

src/routes/dash/[course]/+page.svelte

@@ -64,21 +64,18 @@
 						{@const disabled = !activeYears.includes(teaching)}
 						{@const href = base + '/' + teaching.url}
 						<li
-							class:disabled
-							class="flex xs:flex-1 justify-center border-base-content items-center m-2 border-2 rounded-md"
+							class="flex flex-row xs:flex-1 justify-center border-base-content items-center m-2 border-2 rounded-md join"
 						>
-							<a href={disabled ? null : href} class="text-center text-lg">
+							<a href={disabled ? null : href} class="text-center text-lg join-item">
 								{#if teaching.name}
-								<div>
-									{teaching.name} 
-									{#if teaching.telegram}
-									<a  href="https://t.me/{teaching.telegram}">👥</a>
-									{/if}
-								</div>
+									{teaching.name}
 								{:else}
 									{teaching.url}
 								{/if}
 							</a>
+							{#if teaching.telegram}
+								<a href="https://t.me/{teaching.telegram}" class="text-center text-lg join-item border-l-2">👥</a>
+							{/if}
 						</li>
 					{/each}
 				</div>