added tons of features

components/temp-component.tsx

@@ -0,0 +1,31 @@
+'use client'
+
+import {useLocale} from 'next-intl'
+
+import {Link} from '@/i18n/routing'
+
+export default function TempComponent(data: object[]) {
+	const locale = useLocale()
+	/*console.log(data)*/
+
+	const items = data?.data as object[]
+
+	return (
+		<>
+			<code>{locale}</code>
+			{/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
+
+			<pre>
+				{items.map((item: any) => (
+					<div key={item.id}>
+						<Link
+							href={`/category/${item.id}-${item.locales[locale === 'uk' ? 0 : 1].slug}`}
+						>
+							{item.locales[locale === 'uk' ? 0 : 1].title}
+						</Link>
+					</div>
+				))}
+			</pre>
+		</>
+	)
+}