feat: fix imports (#378)

* add

* add

* add

* add

* add

* Update login_form.svelte

* add

* add

* add

* add

* Update login_form.svelte

* add

* add

* ad

* add

* Update config.ts

* add

* add

* Update +page.svelte

* feat: final fix

Author: baseplate-admin

src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+layout.svelte

@@ -94,26 +94,40 @@
 		}
 	]);
 
-	$effect.pre(() => {
-		const donationPlatforms = [
-			{ key: 'PUBLIC_BUY_ME_A_COFFEE', name: 'Buy Me A Coffee', path: 'SiBuymeacoffee' },
-			{ key: 'PUBLIC_LIBERAPAY', name: 'Liberapay', path: 'SiLiberapay' },
-			{ key: 'PUBLIC_KO_FI', name: 'Ko-Fi', path: 'SiKofi' },
-			{ key: 'PUBLIC_PATREON', name: 'Patreon', path: 'SiPatreon' }
-		];
+	const donationPlatforms = [
+		{
+			key: 'PUBLIC_BUY_ME_A_COFFEE',
+			name: 'Buy Me A Coffee',
+			iconModule: await import('@icons-pack/svelte-simple-icons/icons/SiBuymeacoffee')
+		},
+		{
+			key: 'PUBLIC_LIBERAPAY',
+			name: 'Liberapay',
+			iconModule: await import('@icons-pack/svelte-simple-icons/icons/SiLiberapay')
+		},
+		{
+			key: 'PUBLIC_KO_FI',
+			name: 'Ko-Fi',
+			iconModule: await import('@icons-pack/svelte-simple-icons/icons/SiKofi')
+		},
+		{
+			key: 'PUBLIC_PATREON',
+			name: 'Patreon',
+			iconModule: await import('@icons-pack/svelte-simple-icons/icons/SiPatreon')
+		}
+	];
 
-		donationPlatforms.forEach(async ({ key, name, path }) => {
+	$effect.pre(() => {
+		donationPlatforms.forEach(({ key, name, iconModule }) => {
 			const href = (env as Record<string, string | undefined>)[key];
 
+			// Check if the environment variable exists and isn't already in the list
 			if (href && !footerLinks.some((link) => link.href === href)) {
-				const module = await import(
-					`@icons-pack/svelte-simple-icons/icons/${path}.svelte` /* @vite-ignore */
-				);
-
 				footerLinks.push({
 					href,
 					name,
-					icon: module.default,
+					// Use the .default property from the awaited import
+					icon: iconModule.default,
 					order: footerLinks.length + 1
 				});
 			}