add icons, change styles

src/app/ui/marking-page/protected-files-table.tsx

@@ -1,8 +1,9 @@
+import { IconShield, IconDownload } from '@/app/ui/icons/icons';
 export default function ProtectedFilesTable() {
 	return (
 		<div className="protected-files-table">
 			<h3>
-				📋 Защищенные изображения (0)
+				Защищенные изображения (0)
 			</h3>
 
 
@@ -21,7 +22,7 @@ export default function ProtectedFilesTable() {
 						<td>
 							<div className="files-table-file">
 								<div className="files-table-icon">
-									🛡️
+									<IconShield />
 								</div>
 								<div>
 									<div className="files-table-title">
@@ -54,7 +55,7 @@ export default function ProtectedFilesTable() {
 						</td>
 						<td>
 							<button className="btn btn-secondary">
-								📥 Скачать
+								<IconDownload /> Скачать
 							</button>
 						</td>
 					</tr>
@@ -62,7 +63,7 @@ export default function ProtectedFilesTable() {
 						<td>
 							<div className="files-table-file">
 								<div className="files-table-icon">
-									🛡️
+									<IconShield />
 								</div>
 								<div>
 									<div className="files-table-title">
@@ -95,7 +96,7 @@ export default function ProtectedFilesTable() {
 						</td>
 						<td>
 							<button className="btn btn-secondary">
-								📥 Скачать
+								<IconDownload /> Скачать
 							</button>
 						</td>
 					</tr>
@@ -103,7 +104,7 @@ export default function ProtectedFilesTable() {
 						<td>
 							<div className="files-table-file">
 								<div className="files-table-icon">
-									🛡️
+									<IconShield />
 								</div>
 								<div>
 									<div className="files-table-title">
@@ -136,7 +137,7 @@ export default function ProtectedFilesTable() {
 						</td>
 						<td>
 							<button className="btn btn-secondary">
-								📥 Скачать
+								<IconDownload /> Скачать
 							</button>
 						</td>
 					</tr>

src/app/ui/marking-page/protection-summary.tsx

@@ -1,7 +1,7 @@
 export default function ProtectionSummary() {
 	return (
 		<div className="protection-summary">
-			<h3>📊 Статистика защиты</h3>
+			<h3>Статистика защиты</h3>
 			<div className="protection-stats">
 				<div className="stat-card">
 					<div className="stat-number">0</div>

src/app/ui/marking-page/test-section.tsx

@@ -2,14 +2,11 @@ export default function TestSection() {
 	return (
 		<div className="test-section">
 			<h3>
-				🔍 Проверить защиту изображения
+				Проверить защиту файла
 			</h3>
 			<div className="test-section-content">
-				<h4>
-					🔍
-				</h4>
 				<button className="btn btn-primary">
-					🔍 Выбрать изображение для анализа
+					Выбрать фаил для анализа
 				</button>
 				<p>
 					При обнаружении защиты будет показана полная информация о владельце (WEBP НЕ поддерживается)

src/app/ui/marking-page/upload-section-image.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import React, { useRef, useState, useCallback, ChangeEvent, DragEvent } from 'react';
+import { IconImageFile } from '@/app/ui/icons/icons';
 
-// Типы для выбранного файла
 interface SelectedFile {
 	file: File;
 	preview: string;
@@ -101,7 +101,6 @@ export default function UploadSectionImage() {
 				return;
 			}
 
-			// Создание превью
 			const objectUrl = URL.createObjectURL(file);
 
 			setSelectedFile({
@@ -174,7 +173,7 @@ export default function UploadSectionImage() {
 
 	return (
 		<div className="upload-section">
-			<h3>📷 Загрузить изображение для защиты</h3>
+			<h3>Загрузить изображение для защиты</h3>
 
 			<div
 				className={`drag-drop-zone ${isDragging ? 'dragging' : ''}`}