added settings tab to profile

src/components/profile/ProfileSidebarSettings/index.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import { ProfileSettings } from '~/components/profile/ProfileSettings';
+import styles from './styles.module.scss';
+import { Filler } from '~/components/containers/Filler';
+import { Button } from '~/components/input/Button';
+
+interface IProps {}
+
+const ProfileSidebarSettings: FC<IProps> = () => (
+  <div className={styles.wrap}>
+    <div className={styles.scroller}>
+      <ProfileSettings />
+    </div>
+    <div className={styles.buttons}>
+      <Filler />
+      <Button color="outline">Отмена</Button>
+      <Button>Сохранить</Button>
+    </div>
+  </div>
+);
+
+export { ProfileSidebarSettings };

src/components/profile/ProfileSidebarSettings/styles.module.scss

@@ -0,0 +1,24 @@
+.wrap {
+  @include sidebar_content(600px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  z-index: 4;
+}
+
+.scroller {
+  flex: 1;
+  overflow: auto;
+  padding: $gap;
+}
+
+.buttons {
+  width: 100%;
+  padding: $gap;
+  box-shadow: $sidebar_border 0 -1px;
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  grid-column-gap: $gap;
+}