add my content layout

src/app/components/StackedBarChart.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useTranslations } from 'next-intl';
+import { useTranslations, useLocale } from 'next-intl';
 import { useMemo } from 'react';
 import { BarChart, Bar, Cell, XAxis, Tooltip } from 'recharts';
 import { pluralize } from '@/app/lib/pluralize';
@@ -24,6 +24,7 @@ interface BarShapeProps {
 }
 
 export const StackedBarChart = ({ data }: Files) => {
+	const locale = useLocale();
 	const t = useTranslations('Global');
 
 	const CHECKS_COLOR = '#6366f1';
@@ -154,12 +155,12 @@ export const StackedBarChart = ({ data }: Files) => {
 
 	const pluralizeCheks = (number: number) => {
 		const translate = [t('check'), t('checks-few'), t('checks')];
-		return pluralize(number, translate[0], translate[1], translate[2]);
+		return pluralize(number, translate[0], translate[1], translate[2], locale);
 	};
 
 	const pluralizeViolations = (number: number) => {
 		const translate = [t('violation'), t('violations-few'), t('violations')];
-		return pluralize(number, translate[0], translate[1], translate[2]);
+		return pluralize(number, translate[0], translate[1], translate[2], locale);
 	};
 
 	return (

src/app/components/tanstakTable.tsx

@@ -12,7 +12,7 @@ import {
 	ColumnFiltersState,
 } from '@tanstack/react-table';
 import { IconImageFile, IconVideoFile, IconAudioFile, IconEye, IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconShieldExclamation, IconDelete } from '@/app/ui/icons/icons';
-import { useTranslations } from 'next-intl';
+import { useTranslations, useLocale } from 'next-intl';
 import DropDownList from '@/app/components/dropDownList';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { getUserFilesData, removeUserFile } from '@/app/actions/fileEntity';
@@ -156,6 +156,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 	const [isFileLoading, setIsFileLoading] = useState(false);
 
 	const t = useTranslations("Global");
+	const locale = useLocale();
 
 	// Определение колонок
 	const columns = useMemo<ColumnDef<FileItem>[]>(
@@ -606,7 +607,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 
 	const pluralizeFiles = (number: number) => {
 		const translate = [t('file'), t('files-few'), t('files')];
-		return pluralize(number, translate[0], translate[1], translate[2]);
+		return pluralize(number, translate[0], translate[1], translate[2], locale);
 	};
 
 	return (