added support button and text

src/components/Sidebar.jsx

@@ -1,3 +1,4 @@
+import { useState } from "react";
 import LogoIcon from "./icons/LogoIcon";
 import {NAV_BOTTOM, NAV_ITEMS} from "../config/feedConstants";
 import {NavIcons} from "./icons/NavIcons";
@@ -5,6 +6,7 @@ import { useNavigate } from "react-router-dom";
 import { useTheme } from "../context/ThemeContext";
 import { useUnread } from "../context/UnreadContext";
 import { useTranslation } from 'react-i18next';
+import SupportModal from "./SupportModal";
 
 export default function Sidebar({
   open,
@@ -20,6 +22,7 @@ export default function Sidebar({
   const { theme, toggle: toggleTheme } = useTheme();
   const { totalUnread } = useUnread();
   const { t, i18n } = useTranslation();
+  const [supportOpen, setSupportOpen] = useState(false);
 
   const toggleLang = () => {
     const next = i18n.language === 'ru' ? 'en' : 'ru';
@@ -94,6 +97,9 @@ export default function Sidebar({
                   </div>
               );
             })}
+            <div className="f-sb-item" onClick={() => setSupportOpen(true)}>
+              <NavIcons.help /> {t('nav.support')}
+            </div>
             <div className="f-sb-divider" />
             <div className="f-sb-item f-sb-theme-toggle" onClick={toggleTheme}>
               {theme === "dark" ? (
@@ -117,6 +123,7 @@ export default function Sidebar({
             </div>
           </div>
         </div>
+        {supportOpen && <SupportModal onClose={() => setSupportOpen(false)} />}
       </>
   );
 }