fix: update project links to point to the new ArtStudies repository

feat: add new homelab project documentation with details on services and hardware

fix: correct project code links for Monte Carlo Project and Schelling Segregation Model

refactor: rename Studies Projects to ArtStudies for better clarity and consistency

i18n: add project descriptions in English, Spanish, and French locales

chore: update package name to artsite and adjust dependency versions

style: add cover image for ArtLab project

fix: update chat message labels for better readability and translation usage

app/components/tool/Activity.vue

@@ -18,8 +18,6 @@ const codingActivity = computed(() => {
     : activities[0]
 })
 
-const currentLocale = computed(() => locales.value.find((l: { code: string }) => l.code === locale.value))
-
 const isActive = computed(() => {
   if (!codingActivity.value)
     return
@@ -51,6 +49,7 @@ const getActivity = computed(() => {
   const ago = useTimeAgo(timestamps.start, {
     messages: activityMessages[locale.value as keyof typeof activityMessages] as UseTimeAgoMessages,
   }).value
+  const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
   const formatDate = (date: number, format: string) => useDateFormat(date, format, { locales: currentLocale.value?.code ?? 'en' }).value
 
   return {

app/components/tool/Projects.vue

@@ -0,0 +1,44 @@
+<script lang="ts" setup>
+const { locale, locales, t } = useI18n()
+const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
+
+const { data: projects } = await useAsyncData('projects-index', async () => await queryCollection('projects').where('favorite', '=', true).select().all())
+const date = (date: string) => useDateFormat(new Date(date), 'DD MMMM YYYY', { locales: currentLocale.value?.code ?? 'en' })
+</script>
+
+<template>
+  <section>
+    <PostAlert class="mb-2" />
+    <div class="prose dark:prose-invert">
+      <p>{{ t('tool.projects') }}</p>
+    </div>
+    <div v-if="projects" class="m-1 my-4 flex flex-col gap-4">
+      <div v-for="project in projects" :key="project.id">
+        <NuxtLink :to="`/projects/${project.slug}`">
+          <UCard variant="subtle" class="shadow-md">
+            <h1 class="text-xl font-medium">
+              {{ project.title }}
+            </h1>
+            <h3 class="text-muted my-2">
+              {{ project.description }}
+            </h3>
+            <div class="flex items-center justify-between">
+              <p class="text-sm text-muted-foreground">
+                {{ date(project.publishedAt).value }}
+              </p>
+              <div class="flex flex-wrap gap-2">
+                <UBadge
+                  v-for="tag in project.tags.sort((a: any, b: any) => a.localeCompare(b))"
+                  :key="tag"
+                  variant="soft"
+                >
+                  {{ tag }}
+                </UBadge>
+              </div>
+            </div>
+          </UCard>
+        </NuxtLink>
+      </div>
+    </div>
+  </section>
+</template>