add image upload, fix styles

src/app/ui/nav-link-dropdown.tsx

@@ -1,5 +1,5 @@
-import styles from '@/app/ui/ui.module.scss';
-import { useState } from 'react';
+import styles from '@/app/styles/ui.module.scss';
+import { useState, useRef } from 'react';
 import Link from 'next/link';
 import clsx from 'clsx';
 import { usePathname } from 'next/navigation';
@@ -19,42 +19,32 @@ export default function DropDownList() {
 		},
 		{
 			name: 'Маркировка видео',
-			href: '/pages/emptypage'
+			href: '/pages/marking-video'
 		},
 		{
 			name: 'Маркировка аудио',
-			href: '/pages/emptypage'
-		},
-		{
-			name: 'Маркировка PDF',
-			href: '/pages/emptypage'
-		},
-		{
-			name: 'Маркировка PHP/JS',
-			href: '/pages/emptypage'
-		},
-		{
-			name: 'Маркировка Текста',
-			href: '/pages/emptypage'
-		},
+			href: '/pages/marking-audio'
+		}
 	];
 
 	return (
-		<div
-			className={`
+		<>
+			<div
+				className={`
 					${styles['nav-dropdown']}
 					${dropDownExpanded ? styles['expanded'] : ''}
 				`}
-			onClick={dropDownHandler}
-		>
-			<div className={`flex ${styles['nav-link']} cursor-pointer select-none`}>
-				<svg viewBox="0 0 24 24" fill="currentColor">
-					<path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2l-5.37.84z"></path>
-				</svg>
-				<p>Маркировка</p>
-				<svg className={`${styles['dropdown-arrow']}`} viewBox="0 0 24 24" fill="currentColor">
-					<path d="M7 10l5 5 5-5z"></path>
-				</svg>
+				onClick={dropDownHandler}
+			>
+				<div className={`flex ${styles['nav-link']} cursor-pointer select-none`}>
+					<svg viewBox="0 0 24 24" fill="currentColor">
+						<path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2l-5.37.84z"></path>
+					</svg>
+					<p>Маркировка</p>
+					<svg className={`${styles['dropdown-arrow']}`} viewBox="0 0 24 24" fill="currentColor">
+						<path d="M7 10l5 5 5-5z"></path>
+					</svg>
+				</div>
 			</div>
 			<ul className={`
 					${styles['sub-menu']}
@@ -77,6 +67,6 @@ export default function DropDownList() {
 					);
 				})}
 			</ul>
-		</div>
+		</>
 	)
 }