"use client"; import { useTranslation } from "react-i18next"; import Field from "@/lib/components/ui/Field"; import { PublicBrainItem } from "./components/PublicBrainItem"; import { useBrainsLibrary } from "./hooks/useBrainsLibrary"; const BrainsLibrary = (): JSX.Element => { const { displayingPublicBrains, searchBarText, setSearchBarText } = useBrainsLibrary(); const { t } = useTranslation("brain"); return (