еще стилей

data.json

@@ -11,6 +11,18 @@
             "password": "123456",
             "isAdmin": true,
             "status": null
+        },
+        {
+            "id": 2,
+            "name": "Алексей",
+            "surname": "Мальков",
+            "birthday": "12.05.2000",
+            "city": "г. Москва",
+            "avatarImg": null,
+            "username": "amalkov",
+            "password": "123456",
+            "isAdmin": false,
+            "status": null
         }
     ]
 }

package.json

@@ -4,9 +4,9 @@
     "version": "0.0.0",
     "type": "module",
     "scripts": {
-        "start": "vite",
+        "front": "vite",
-        "fake-server": "json-server -p 8081 -w data.json",
+        "back": "json-server -p 8081 -w data.json",
-        "dev": "npm-run-all --parallel start fake-server",
+        "dev": "npm-run-all --parallel front back",
         "serve": "http-server -p 80 ./dist/",
         "build": "vite build",
         "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",

src/components/header/header.jsx

@@ -8,6 +8,9 @@ const Header = ({ routes }) => {
     const location = useLocation();
     const indexPageLink = routes.filter((route) => route.index === false).shift();
     const currentPage = routes.filter((route) => route.path === location.pathname)[0];
+
+    document.title = currentPage.title;
+
     return (
         <header className='sticky-top'>
             <Navbar>

src/components/headerusermenu/headerusermenu.css

@@ -19,6 +19,10 @@
     fill: black;
 }
 
+.headerusermenu__dropdownitem:hover span {
+    color: black;
+}
+
 @media (prefers-color-scheme: dark) {
     .headerusermenu__dropdown .dropdown-toggle {
         --bs-btn-bg: var(--light-background-color);

src/components/headerusermenu/headerusermenu.jsx

@@ -36,13 +36,13 @@ const HeaderUserMenu = () => {
 			</Dropdown.Toggle>
 			<Dropdown.Menu className='dropdown-menu-end'>
 				<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center d-sm-none'>
-					<Person className='me-2' />Моя страница
+					<Person className='me-2' /><span>Моя страница</span>
 				</Dropdown.Item>
 				<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
-					<Gear className='me-2' />Настройки
+					<Gear className='me-2' /><span>Настройки</span>
 				</Dropdown.Item>
 				<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
-					<BoxArrowRight className='me-2' />Выход
+					<BoxArrowRight className='me-2' /><span>Выход</span>
 				</Dropdown.Item>
 			</Dropdown.Menu>
 		</Dropdown>