frontend: add settings boilerplate

frontend/app/components/NavigationRail/NavigationRail.jsx

@@ -78,7 +78,10 @@ export const NavigationRail = (props) => {
       })}
 
       <span className="max"></span>
-      <button className="circle transparent">
+      <button
+        className="circle transparent"
+        onClick={() => props.setSettingsPopup(!props.settingsPopup)}
+      >
         <i>settings</i>
       </button>
 

frontend/app/components/Settings/Settings.jsx

@@ -0,0 +1,32 @@
+export default function Settings() {
+  return (
+    <>
+      <dialog
+        className="active left round bottom small"
+        style={{ blockSize: "unset" }}
+      >
+        <h5>Настройки</h5>
+        <nav className="wrap">
+          <div class="max">
+            <h6 className="small">сохранение в истории просмотров</h6>
+          </div>
+          <label class="switch">
+            <input type="checkbox" />
+            <span></span>
+          </label>
+        </nav>
+        <li className="small-divider"></li>
+        <nav className="wrap small-space">
+          <button className="red">
+            <i>delete_forever</i>
+            <span>Удалить все настройки</span>
+          </button>
+          <button className="red">
+            <i>delete_history</i>
+            <span>Удалить историю поиска</span>
+          </button>
+        </nav>
+      </dialog>
+    </>
+  );
+}