"use client";

import Container from "@/components/elements/Container";
import FavoritesGrid from "@/components/settings/FavoritesGrid";
import PageTitle from "@/components/settings/PageTitle";
import UserDetails from "@/components/settings/UserDetails";
import LocalePageShell from "@/components/i18n/LocalePageShell";
import { useTranslation } from "react-i18next";

export default function FavoritesPageClient() {
  const { t } = useTranslation("common");

  return (
    <LocalePageShell>
      <Container>
        <PageTitle>{t("settings.nav.favorites")}</PageTitle>
        <UserDetails />
        <FavoritesGrid />
      </Container>
    </LocalePageShell>
  );
}
