chore: change some design

Author: sifferhans

frontend/app/components/PageLayout.vue

@@ -9,7 +9,7 @@ const hasScrolled = computed(() => y.value > 25)
 
 <template>
   <div class="flex min-h-full flex-col">
-    <div class="sticky top-0">
+    <div class="sticky top-0 z-10">
       <ProgressiveBlur
         direction="up"
         class="from-shadow-blank/0 to-shadow-default bg-linear-to-t"

frontend/app/components/achievements/AchievementGroup.vue

@@ -46,7 +46,7 @@ const getColorClasses = (rank: number | undefined, mode: 'dark' | 'light') => {
       <span class="col-span-full row-span-full">{{ item.rank }}</span>
     </div>
     <div class="grow">
-      <div class="flex gap-1">
+      <div class="flex gap-2">
         <p :class="['text-label', { 'text-accent-contrast': isMe }]">
           {{ item.name }}
         </p>

frontend/app/components/leaderboard/LeaderboardItem.vue

@@ -13,7 +13,7 @@ defineProps<{
       <p class="text-label text-center">{{ projectName }}</p>
       <div class="divide-border-default grid grid-cols-2 divide-x py-2">
         <div class="flex flex-col items-center">
-          <p class="title-text">{{ score || '-' }}</p>
+          <p class="title-text">{{ score ?? 0 }}</p>
           <p class="text-label text-text-hint">{{ $t('points') }}</p>
         </div>
         <div class="flex flex-col items-center">

frontend/app/components/profile/ProfileProjectCard.vue

@@ -122,7 +122,6 @@ export function useAuth() {
     return me.value?.roles.some((role) => role.role === RoleType.ProjectAdmin) // TODO: scope project admin to current project
   })
   const isTeamLead = computed(() => {
-    return true
     return me.value?.roles.some((role) => role.role === RoleType.TeamLead) // TODO: scope team lead to current team
   })
   const isM2M = computed(() => {

frontend/app/composables/useAuth.ts

@@ -32,6 +32,6 @@
     "pointsExplainerButton": "Få poeng",
     "unitLeader": "Unitleder"
   },
-  "place": "plassering",
+  "place": "plass",
   "points": "poeng"
 }