file upload update

src/app/[locale]/pages/marking-video/page.tsx

@@ -1,20 +1,20 @@
 import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
-import TestSection from '@/app/ui/marking-page/test-section';
 import UploadSectionVideo from '@/app/ui/marking-page/upload-section-video';
 import FilesTable from '@/app/ui/dashboard/files-table';
-import {useTranslations} from 'next-intl';
+import PageTitle from '@/app/ui/page-title';
+import UploadSectionFile from '@/app/components/upload-section-file';
 
+const ALLOWED_EXTENSIONS: string[] = ['mp4', 'avi', 'webm', 'mkv', 'flv', 'wmv', 'mov'];
+const FILE_TYPE = "VIDEO"
+const MAX_SIZE = 1048576000;
 
 export default function Page() {
-	const t = useTranslations('Global');
 
 	return (
 		<div>
-			<div className="page-title">
-				<h1>{t('video-protection')}</h1>
-			</div>
+			<PageTitle title="video-protection" />
 			<ProtectionSummary />
-			<UploadSectionVideo />
+			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={ALLOWED_EXTENSIONS} maxFileSize={MAX_SIZE} />
 			{/* <TestSection /> */}
 			<FilesTable />
 		</div>