fix: Locale dates format (#6211)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>

frontend/pages/group/data/foods.vue

@@ -324,7 +324,7 @@
         </v-icon>
       </template>
       <template #[`item.createdAt`]="{ item }">
-        {{ formatDate(item.createdAt) }}
+        {{ item.createdAt ? $d(new Date(item.createdAt)) : '' }}
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
@@ -417,15 +417,6 @@ export default defineNuxtComponent({
       },
     ];
 
-    function formatDate(date: string) {
-      try {
-        return i18n.d(Date.parse(date), "medium");
-      }
-      catch {
-        return "";
-      }
-    }
-
     const userHousehold = computed(() => $auth.user.value?.householdSlug || "");
     const foodStore = useFoodStore();
     const foods = computed(() => foodStore.store.value.map((food) => {
@@ -634,7 +625,6 @@ export default defineNuxtComponent({
       foods,
       allLabels,
       validators,
-      formatDate,
       // Create
       createDialog,
       domNewFoodForm,