Internationalization + Finnish language (#181)

* I18n with next-intl

* package-lock

* Finnish translations

* Development fix

* Use locale for positioning currency symbol

* Translations: Expenses.ActiveUserModal

* Translations: group 404

* Better translation for ExpenseCard

* Apply translations in CategorySelect search

* Fix for Finnish translation

* Translations for ExpenseDocumentsInput

* Translations for CreateFromReceipt

* Fix for Finnish translation

* Translations for schema errors

* Fix for Finnish translation

* Fixes for Finnish translations

* Prettier

---------

Co-authored-by: Sebastien Castiel <sebastien@castiel.me>

src/app/groups/[groupId]/expenses/page.tsx

@@ -19,6 +19,7 @@ import {
 import { env } from '@/lib/env'
 import { Download, Plus } from 'lucide-react'
 import { Metadata } from 'next'
+import { getTranslations } from 'next-intl/server'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { Suspense } from 'react'
@@ -34,6 +35,7 @@ export default async function GroupExpensesPage({
 }: {
   params: { groupId: string }
 }) {
+  const t = await getTranslations('Expenses')
   const group = await cached.getGroup(groupId)
   if (!group) notFound()
 
@@ -44,10 +46,8 @@ export default async function GroupExpensesPage({
       <Card className="mb-4 rounded-none -mx-4 border-x-0 sm:border-x sm:rounded-lg sm:mx-0">
         <div className="flex flex-1">
           <CardHeader className="flex-1 p-4 sm:p-6">
-            <CardTitle>Expenses</CardTitle>
-            <CardDescription>
-              Here are the expenses that you created for your group.
-            </CardDescription>
+            <CardTitle>{t('title')}</CardTitle>
+            <CardDescription>{t('description')}</CardDescription>
           </CardHeader>
           <CardHeader className="p-4 sm:p-6 flex flex-row space-y-0 gap-2">
             <Button variant="secondary" size="icon" asChild>
@@ -55,7 +55,7 @@ export default async function GroupExpensesPage({
                 prefetch={false}
                 href={`/groups/${groupId}/expenses/export/json`}
                 target="_blank"
-                title="Export to JSON"
+                title={t('exportJson')}
               >
                 <Download className="w-4 h-4" />
               </Link>
@@ -70,7 +70,7 @@ export default async function GroupExpensesPage({
             <Button asChild size="icon">
               <Link
                 href={`/groups/${groupId}/expenses/create`}
-                title="Create expense"
+                title={t('create')}
               >
                 <Plus className="w-4 h-4" />
               </Link>