add dashboard navigation

Author: VovaStelmashchuk

app/pages/home/index.vue

@@ -1,15 +1,77 @@
 <template>
     <div class="min-h-screen text-label-primary">
-        <div class="container mx-auto px-4 py-4">
-            <h1>Home</h1>
+        <div class="container mx-auto px-4 py-8">
+            <div class="max-w-4xl mx-auto">
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <NuxtLink
+                        to="/karma"
+                        class="group bg-fill-secondary p-6 rounded-xl border border-separator-primary hover:border-accent-primary transition-all duration-200 cursor-pointer"
+                    >
+                        <div class="flex flex-col gap-4">
+                            <div
+                                class="w-12 h-12 rounded-lg bg-accent-primary/10 flex items-center justify-center group-hover:bg-accent-primary/20 transition-all duration-200"
+                            >
+                                <Icon
+                                    icon="mdi:chart-line"
+                                    class="text-2xl text-accent-primary"
+                                />
+                            </div>
+                            <div>
+                                <h2
+                                    class="text-xl font-bold text-label-primary mb-2"
+                                >
+                                    Подивитися карму людей
+                                </h2>
+                                <p class="text-sm text-label-secondary">
+                                    Переглянути рейтинг та карму всіх учасників
+                                    спільноти
+                                </p>
+                            </div>
+                        </div>
+                    </NuxtLink>
+
+                    <NuxtLink
+                        to="/design/buttons"
+                        class="group bg-fill-secondary p-6 rounded-xl border border-separator-primary hover:border-accent-primary transition-all duration-200 cursor-pointer"
+                    >
+                        <div class="flex flex-col gap-4">
+                            <div
+                                class="w-12 h-12 rounded-lg bg-accent-primary/10 flex items-center justify-center group-hover:bg-accent-primary/20 transition-all duration-200"
+                            >
+                                <Icon
+                                    icon="mdi:palette"
+                                    class="text-2xl text-accent-primary"
+                                />
+                            </div>
+                            <div>
+                                <h2
+                                    class="text-xl font-bold text-label-primary mb-2"
+                                >
+                                    Подивитися на дизайн систему
+                                </h2>
+                                <p class="text-sm text-label-secondary">
+                                    Вивчити компоненти та стилі дизайн системи
+                                </p>
+                            </div>
+                        </div>
+                    </NuxtLink>
+                </div>
+            </div>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
 import { definePageMeta } from '#imports'
+import { onMounted } from 'vue'
+import { trackEvent } from '~~/app/utils/track'
+import { Icon } from '@iconify/vue'
 
 definePageMeta({
     layout: 'default',
 })
+
+onMounted(() => {
+    trackEvent('page_view', { page: 'home' })
+})
 </script>

server/core/discord/karma.ts

@@ -144,7 +144,6 @@ export class KarmaService {
      */
     async getAllMembersWithKarma() {
         try {
-            // Get karma aggregation
             const karmaAggregation = await this.db.collection('karma_events').aggregate([
                 {
                     $group: {
@@ -154,21 +153,17 @@ export class KarmaService {
                 }
             ]).toArray()
 
-            // Map for quick lookup: discordId -> karma
             const karmaMap: Record<string, number> = {}
             for (const k of karmaAggregation) {
                 karmaMap[k._id] = k.total_karma
             }
 
-            // Get all discord members
             const members = await this.db.collection('discord_members').find({}).toArray()
 
-            // Compose final list, including avatar URL
             const membersWithKarma = members.map(member => {
                 let avatarUrl: string | null = null
                 if (member.avatarFilename) {
-                    // Build URL matching the style used in avatar.png.get.ts route
-                    avatarUrl = `/api/user/discord:${member.discord_id}/avatar.png`
+                    avatarUrl = `/api/user/discord:${member.discordId}/avatar.png`
                 }
                 return {
                     discord_id: member.discord_id,
@@ -179,7 +174,6 @@ export class KarmaService {
                 }
             })
 
-            // Sort by karma descending
             membersWithKarma.sort((a, b) => b.karma - a.karma)
 
             return {