add type interface, fix date formate, add translation for tokens error

src/app/ui/search/supported-formats.tsx

@@ -1,4 +1,5 @@
 import { IconImageFile, IconVideoFile, IconAudioFile, IconDocument } from '@/app/ui/icons/icons';
+import { useTranslations } from 'next-intl';
 
 interface supportedFormats {
 	extensionVideo: string[]
@@ -8,6 +9,8 @@ interface supportedFormats {
 }
 
 export function SupportedFormats({ extensionVideo, extensionAudio, extensionImage, extensionDocument }: supportedFormats) {
+	const t = useTranslations('Global');
+
 	return (
 		<div className="supported-formats">
 			<div className="formats-title">
@@ -16,7 +19,7 @@ export function SupportedFormats({ extensionVideo, extensionAudio, extensionImag
 
 			<div className="format-group">
 				<div className="format-type image">
-					<IconImageFile /> Изображения
+					<IconImageFile /> {t('images')}
 				</div>
 				<div className="format-list">
 					{extensionImage.join(', ')}
@@ -25,7 +28,7 @@ export function SupportedFormats({ extensionVideo, extensionAudio, extensionImag
 
 			<div className="format-group">
 				<div className="format-type video">
-					<IconVideoFile /> Видео
+					<IconVideoFile /> {t('videos')}
 				</div>
 				<div className="format-list">
 					{extensionVideo.join(', ')}
@@ -34,7 +37,7 @@ export function SupportedFormats({ extensionVideo, extensionAudio, extensionImag
 
 			<div className="format-group">
 				<div className="format-type audio">
-					<IconAudioFile /> Аудио
+					<IconAudioFile /> {t('audios')}
 				</div>
 				<div className="format-list">
 					{extensionAudio.join(', ')}
@@ -43,7 +46,7 @@ export function SupportedFormats({ extensionVideo, extensionAudio, extensionImag
 
 			<div className="format-group">
 				<div className="format-type document">
-					<IconDocument /> Документы
+					<IconDocument /> {t('documents')}
 				</div>
 				<div className="format-list">
 					{extensionDocument.join(', ')}