added sample profile sidebar settings

src/components/profile/ProfileSidebarMenu/index.tsx

@@ -1,28 +0,0 @@
-import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { Icon } from '~/components/input/Icon';
-import { Anchor } from '~/components/common/Anchor';
-
-interface IProps {
-  path: string;
-}
-
-const ProfileSidebarMenu: FC<IProps> = ({ path }) => {
-  const cleaned = path.replace(/\/$/, '');
-
-  return (
-    <div className={styles.wrap}>
-      <Anchor className={styles.row} href={`${cleaned}/settings`}>
-        <Icon icon="settings" />
-        <span>Настройки</span>
-      </Anchor>
-
-      <div className={styles.row}>
-        <Icon icon="messages" />
-        <span>Сообщения</span>
-      </div>
-    </div>
-  );
-};
-
-export { ProfileSidebarMenu };

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

@@ -1,47 +0,0 @@
-@import "src/styles/variables";
-
-.wrap {
-  display: flex;
-  align-items: stretch;
-  justify-content: center;
-  flex-direction: column;
-  margin: 0 $gap;
-  box-sizing: border-box;
-  box-shadow: $sidebar_border 0 0 0 1px;
-  border-radius: $radius;
-  background-color: transparentize(black, 0.9)
-}
-
-.row {
-  padding: $gap;
-  font: $font_18_semibold;
-  box-shadow: $sidebar_border 0 -1px;
-  cursor: pointer;
-  background-color: transparentize(black, 1);
-  transition: all 250ms;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: 30px;
-  opacity: 0.5;
-  text-decoration: none;
-  fill: white;
-  color: white;
-
-  &:hover {
-    background-color: transparentize($wisegreen, 0.5);
-    opacity: 1;
-  }
-
-  &:first-child {
-    border-radius: $radius $radius 0 0;
-  }
-
-  &:last-child {
-    border-radius: 0 0 $radius $radius;
-  }
-
-  svg {
-    margin-right: $gap * 1.2;
-  }
-}