feat: add global styles and transitions for dark mode support

- Created style.css for base styles and color variables for light and dark themes.
- Added tailwind.css for Tailwind CSS integration and custom theme variables.
- Introduced transitions.css to manage global transitions and reduce motion preferences.
- Updated tsconfig.app.json to include path aliases for easier imports.
- Modified tsconfig.json to set baseUrl and paths for module resolution.
- Added typed-router.d.ts for auto-generated route types.
- Enhanced vite.config.ts with Vue Router plugin, Tailwind CSS integration, and server proxy settings.

frontend/src/components/ui/avatar/AvatarImage.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+  import type { AvatarImageProps } from "reka-ui";
+  import { AvatarImage } from "reka-ui";
+
+  const props = defineProps<AvatarImageProps>();
+</script>
+
+<template>
+  <AvatarImage
+    data-slot="avatar-image"
+    v-bind="props"
+    class="aspect-square size-full">
+    <slot />
+  </AvatarImage>
+</template>