feat: add changelog modal on visit if new version is detected

app/components/Navbar/Navbar.tsx

@@ -7,8 +7,8 @@ import {
   Dropdown,
   Modal,
   Button,
-  DarkThemeToggle,
   useThemeMode,
+  ToggleSwitch,
 } from "flowbite-react";
 import { useState } from "react";
 
@@ -194,7 +194,9 @@ export const Navbar = () => {
             >
               <Dropdown.Item className="text-sm md:text-base">
                 <Link
-                  href={pathname != "/login" ? `/login?redirect=${pathname}` : "#"}
+                  href={
+                    pathname != "/login" ? `/login?redirect=${pathname}` : "#"
+                  }
                   className="flex items-center gap-1"
                 >
                   <span
@@ -267,6 +269,29 @@ const SettingsModal = (props: { isOpen: boolean; setIsOpen: any }) => {
               </Button>
             </Button.Group>
           </div>
+          <div className="flex items-center justify-between">
+            <p className="font-bold dark:text-white">
+              Показывать список изменений
+            </p>
+            <ToggleSwitch
+              color="blue"
+              theme={{
+                toggle: {
+                  checked: {
+                    color: {
+                      blue: "border-blue-700 bg-blue-700",
+                    },
+                  },
+                },
+              }}
+              onChange={() =>
+                preferenceStore.setFlags({
+                  showChangelog: !preferenceStore.flags.showChangelog,
+                })
+              }
+              checked={preferenceStore.flags.showChangelog}
+            />
+          </div>
         </div>
       </Modal.Body>
     </Modal>