fix mobile version

src/pages/ReviewsPage.jsx

@@ -6,6 +6,7 @@ import Sidebar from "../components/Sidebar";
 import AppTopBar from "../components/layout/AppTopBar";
 import { ProfileModal } from "../components/profile";
 import AuthModal from "../components/AuthModal";
+import RulesModal from "../components/RulesModal";
 import ReviewCard from "../components/reviews/ReviewCard";
 import ReviewForm from "../components/reviews/ReviewForm";
 import RatingSummary from "../components/reviews/RatingSummary";
@@ -21,6 +22,7 @@ export default function ReviewsPage() {
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [profileModalOpen, setProfileModalOpen] = useState(false);
   const [authModalOpen, setAuthModalOpen] = useState(false);
+  const [rulesModalOpen, setRulesModalOpen] = useState(false);
 
   const profileData = useMemo(() => {
     if (!user) return {};
@@ -54,12 +56,10 @@ export default function ReviewsPage() {
             open={sidebarOpen}
             activeNav="reviews"
             onClose={() => setSidebarOpen(false)}
-            onNavClick={(label) => {
-              if (label === "Главная") navigate("/feed");
-            }}
+            onNavClick={(key) => navigate("/feed")}
             isAuthenticated={isAuthenticated}
             onLoginClick={() => setAuthModalOpen(true)}
-            onRulesClick={() => {}}
+            onRulesClick={() => setRulesModalOpen(true)}
         />
 
         <div className="f-main">
@@ -123,6 +123,7 @@ export default function ReviewsPage() {
             <ProfileModal onClose={() => setProfileModalOpen(false)} initialData={profileData} />
         )}
         {authModalOpen && <AuthModal onClose={() => setAuthModalOpen(false)} />}
+        {rulesModalOpen && <RulesModal onClose={() => setRulesModalOpen(false)} />}
       </div>
   );
 }