remove procent from MyContentStatsOverview and change icons

src/app/styles/pages-styles.scss

@@ -2362,7 +2362,9 @@
 	}
 
 	.stat-icon {
-		font-size: 36px;
+		.icon {
+			transform: scale(1.5);
+		}
 	}
 
 	.stat-header {

src/app/ui/icons/icons.tsx

@@ -167,3 +167,11 @@ export function IconSearch() {
 		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="icon"><path fill="currentColor" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14" /></svg>
 	)
 }
+
+export function IconDiscet() {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="icon">
+			<g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M3 19V5a2 2 0 0 1 2-2h11.172a2 2 0 0 1 1.414.586l2.828 2.828A2 2 0 0 1 21 7.828V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" /><path d="M8.6 9h6.8a.6.6 0 0 0 .6-.6V3.6a.6.6 0 0 0-.6-.6H8.6a.6.6 0 0 0-.6.6v4.8a.6.6 0 0 0 .6.6ZM6 13.6V21h12v-7.4a.6.6 0 0 0-.6-.6H6.6a.6.6 0 0 0-.6.6Z" /></g>
+		</svg>
+	)
+}

src/app/ui/my-content/new/my-content-stats-overview.tsx

@@ -3,7 +3,8 @@
 import { useTranslations } from 'next-intl';
 import { useQuery } from '@tanstack/react-query';
 import { getUserFilesInfo } from '@/app/actions/action';
-import {convertBytes} from '@/app/lib/convertBytes';
+import { convertBytes } from '@/app/lib/convertBytes';
+import { IconDocument, IconShield, IconSearch, IconDiscet } from '@/app/ui/icons/icons';
 
 export default function MyContentStatsOverview() {
 	const t = useTranslations('Global');
@@ -19,37 +20,45 @@ export default function MyContentStatsOverview() {
 
 	return (
 		<div className="my-content-stats-overview">
-			<div className="stat-card files" data-icon="📄">
+			<div className="stat-card files" data-icon="">
 				<div className="stat-header">
-					<div className="stat-icon">📄</div>
+					<div className="stat-icon">
-					<div className="stat-trend">+0%</div>
+						<IconDocument />
+					</div>
+					{/* <div className="stat-trend">+0%</div> */}
 				</div>
 				<div className="stat-value">{filesInfo?.all_files_quantity}</div>
 				<div className="stat-label">Всего файлов</div>
 			</div>
 
-			<div className="stat-card protected" data-icon="🛡">
+			<div className="stat-card protected" data-icon="">
 				<div className="stat-header">
-					<div className="stat-icon">🛡</div>
+					<div className="stat-icon">
-					<div className="stat-trend">+0%</div>
+						<IconShield />
+					</div>
+					{/* <div className="stat-trend">+0%</div> */}
 				</div>
 				<div className="stat-value">{filesInfo?.protected_files_count}</div>
 				<div className="stat-label">Защищено файлов</div>
 			</div>
 
-			<div className="stat-card checks" data-icon="🔍">
+			<div className="stat-card checks" data-icon="">
 				<div className="stat-header">
-					<div className="stat-icon">🔍</div>
+					<div className="stat-icon">
-					<div className="stat-trend">+0%</div>
+						<IconSearch />
+					</div>
+					{/* <div className="stat-trend">+0%</div> */}
 				</div>
 				<div className="stat-value">0</div>
 				<div className="stat-label">Проверок защиты</div>
 			</div>
 
-			<div className="stat-card storage" data-icon="💾">
+			<div className="stat-card storage" data-icon="">
 				<div className="stat-header">
-					<div className="stat-icon">💾</div>
+					<div className="stat-icon">
-					<div className="stat-trend">+0%</div>
+						<IconDiscet />
+					</div>
+					{/* <div className="stat-trend">+0%</div> */}
 				</div>
 				<div className="stat-value">{filesInfo?.all_files_size ? convertBytes(filesInfo?.all_files_size) : 0}</div>
 				<div className="stat-label">Хранилище</div>