feat: add relative imports for src, routes, and test (#228)

## Summary
QOL change so we can use relative imports on the src, routes, and tests
directory like we do for src now.

## Checklist
- [ ] Added Unit Tests
- [ ] Covered by existing CI
- [ ] Integration tested
- [ ] Documentation update



<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Refactor**
- Updated import paths to use absolute and alias-based imports across
the frontend configuration
- Enhanced module resolution in TypeScript configuration with new path
aliases
	- Improved code maintainability by standardizing import structures

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: ken-zlai

frontend/src/lib/components/Observability/Observability.svelte

@@ -34,7 +34,7 @@
 		sortDistributions,
 		type SortContext
 	} from '$lib/util/sort';
-	import type { JoinPageData } from '../../../routes/joins/[slug]/proxy+page.server';
+	import type { JoinPageData } from '$routes/joins/[slug]/+page.server';
 
 	const api = new Api();
 

frontend/svelte.config.js

@@ -11,7 +11,12 @@ const config = {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
+		adapter: adapter(),
+		alias: {
+			$src: 'src',
+			$routes: 'src/routes',
+			$test: 'src/test'
+		}
 	},
 	onwarn: (warning, handler) => {
 		if (warning.filename.startsWith('node_modules/')) {