update compose to be coolifyable

frontend/src/routes/[fam]/[username]/+page.svelte

@@ -17,7 +17,7 @@
 		periodStart,
 		periodEnd,
 		isCompleteForPeriod
-	} from '../../../../../timezone.ts';
+	} from '@shared/timezone';
 
 	let { data } = $props();
 

frontend/src/routes/[fam]/[username]/settings/+page.svelte

@@ -3,7 +3,7 @@
 	import { enhance } from '$app/forms';
 	import { famStore } from '$lib/stores/fam.svelte';
 	import { ViewHeader, CardGrid, Card, Button } from '$lib/components';
-	import { COMMON_TIMEZONES } from '../../../../../../timezone.ts';
+	import { COMMON_TIMEZONES } from '@shared/timezone';
 	import QRCode from 'qrcode';
 
 	let { data } = $props();

frontend/vite.config.ts

@@ -1,5 +1,6 @@
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vite';
+import { fileURLToPath, URL } from 'node:url';
 import adapter from '@sveltejs/adapter-node';
 import { sveltekit } from '@sveltejs/kit/vite';
 
@@ -13,6 +14,9 @@ export default defineConfig(() => {
 						filename.split(/[/\\]/).includes('node_modules') ? undefined : true,
 					experimental: { async: true }
 				},
+				alias: {
+					'@shared': fileURLToPath(new URL('../shared', import.meta.url))
+				},
 				adapter: adapter(),
 				experimental: { remoteFunctions: true, handleRenderingErrors: true },
 				csrf: {