add image upload, fix styles

src/app/pages/layout.tsx

@@ -1,9 +1,9 @@
 import NavLinks from '@/app/ui/nav-links'
-import styles from '@/app/page.module.scss'
+import styles from '@/app/styles/page.module.scss'
 import HeaderPanel from '../ui/header/headerPanel';
 import { getQueryClient } from '@/app/providers/getQueryClient';
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
-import { getUserData } from '@/app/lib/action';
+import { getUserData } from '@/app/actions/action';
 
 export default async function Layout({ children }: { children: React.ReactNode }) {
 	const queryClient = getQueryClient();
@@ -19,7 +19,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
 		<div className="flex">
 			<HydrationBoundary state={dehydrate(queryClient)}>
 				<NavLinks />
-				<div className={`${styles.mainContainter}`}>
+				<div className={`${styles['main-containter']}`}>
 					<HeaderPanel />
 					<main>
 						{children}

src/app/pages/marking-audio/page.tsx

@@ -0,0 +1,14 @@
+import ProtectedFilesTable from '@/app/ui/marking-page/protected-files-table';
+import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
+import TestSection from '@/app/ui/marking-page/test-section';
+
+export default function Page() {
+	return (
+		<div>
+			<h1 className="page-title">Защита аудио</h1>
+			<ProtectionSummary />
+			<TestSection />
+			<ProtectedFilesTable />
+		</div>
+	)
+}

src/app/pages/marking-photo/page.tsx

@@ -1,14 +1,14 @@
 import ProtectedFilesTable from '@/app/ui/marking-page/protected-files-table';
 import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
 import TestSection from '@/app/ui/marking-page/test-section';
-import UploadSection from '@/app/ui/marking-page/upload-section';
+import UploadSectionImage from '@/app/ui/marking-page/upload-section-image';
 
 export default function Page() {
 	return (
 		<div>
-			<h1 className="page-title">🛡️ Защита изображений</h1>
+			<h1 className="page-title">Защита изображений</h1>
 			<ProtectionSummary />
-			<UploadSection />
+			<UploadSectionImage />
 			<TestSection />
 			<ProtectedFilesTable />
 		</div>

src/app/pages/marking-video/page.tsx

@@ -0,0 +1,14 @@
+import ProtectedFilesTable from '@/app/ui/marking-page/protected-files-table';
+import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
+import TestSection from '@/app/ui/marking-page/test-section';
+
+export default function Page() {
+	return (
+		<div>
+			<h1 className="page-title">Защита видео</h1>
+			<ProtectionSummary />
+			<TestSection />
+			<ProtectedFilesTable />
+		</div>
+	)
+}