fixed icons on sidebar

public/index.html

@@ -25,7 +25,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Находка</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

src/components/PostDetailModal.jsx

@@ -63,11 +63,10 @@ export default function PostDetailModal({ postId, onClose, onImageClick, onLocat
 
   return (
     <div className="f-modal-bg" onClick={(e) => e.target === e.currentTarget && onClose()}>
-      <div className="f-modal f-post-detail-modal" onClick={(e) => e.stopPropagation()}>
       <button type="button" className="f-close-btn f-post-detail-close" onClick={onClose} aria-label={t("common.close")}>
         <CloseIcon />
       </button>
-
+      <div className="f-modal f-post-detail-modal" onClick={(e) => e.stopPropagation()}>
         {loading && (
           <div className="f-post-detail-status">
             <div className="f-spinner" />

src/components/icons/NavIcons.jsx

@@ -6,13 +6,18 @@ export const NavIcons = {
       </svg>
   ),
   box: () => (
-      <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round">
+      <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
-        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /><polyline points="3.27 6.96 12 12.01 20.73 6.96" /><line x1="12" y1="22.08" x2="12" y2="12" />
+        <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
+        <rect width="20" height="14" x="2" y="6" rx="2" />
       </svg>
   ),
   paw: () => (
-      <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round">
+      <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
-        <path d="M6 8c0-1 1-2 2-2s2 1 2 2v1M16 8c0-1 1-2 2-2s2 1 2 2v1M8 10h8M10 13h4M6 12c-1 0-2 1.5-2 3 0 2.5 1.5 4 2.5 4h9c1 0 2.5-1.5 2.5-4 0-1.5-1-3-2-3" />
+        <ellipse cx="6.2" cy="10" rx="2.4" ry="2.9" transform="rotate(-15 6.2 10)" />
+        <ellipse cx="17.8" cy="10" rx="2.4" ry="2.9" transform="rotate(15 17.8 10)" />
+        <ellipse cx="9.5" cy="6.6" rx="2.3" ry="2.6" transform="rotate(-6 9.5 6.6)" />
+        <ellipse cx="14.5" cy="6.6" rx="2.3" ry="2.6" transform="rotate(6 14.5 6.6)" />
+        <path d="M12 11.6c-3.6 0-6.4 2.5-6.4 5.2 0 1.8 1.4 3.2 3.4 3.2 1.1 0 2.1-.5 3-.5s1.9.5 3 .5c2 0 3.4-1.4 3.4-3.2 0-2.7-2.8-5.2-6.4-5.2z" />
       </svg>
   ),
   chat: () => (

src/pages/ReviewsPage.jsx

@@ -74,6 +74,7 @@ export default function ReviewsPage() {
               onLoginClick={() => setAuthModalOpen(true)}
               loginLabel={t('reviews.login')}
               centerContent={<h1 className="rv-page-title">{t('reviews.title')}</h1>}
+              hideWordmark
           />
 
           <div className="rv-layout">

src/styles/modal.css

@@ -447,9 +447,15 @@
 }
 .f-post-detail-close {
   position: absolute;
-  top: 12px;
+  top: calc(12px + env(safe-area-inset-top, 0px));
-  right: 12px;
+  right: calc(12px + env(safe-area-inset-right, 0px));
   z-index: 10;
+  color: #262626;
+  border-color: rgba(0,0,0,.08);
+  background: rgba(255,255,255,.9);
+}
+.f-post-detail-close:hover {
+  color: #262626;
 }
 .f-post-detail-status {
   display: flex;

src/styles/sidebar.css

@@ -82,9 +82,11 @@
 .f-sb-profile .f-profile-avatar {
   width: 32px; height: 32px;
   border: 2px solid var(--border);
+  border-radius: 9px;
 }
 .f-sb-profile .f-profile-avatar-placeholder {
   width: 32px; height: 32px; font-size: 1rem;
+  border-radius: 9px;
 }
 .f-sb-profile-info { flex: 1; min-width: 0; }
 .f-sb-profile-name {