Добавили заметки в сайдбар (#126)

* added notes sidebar

* added note dropping and editing

* added sidebar navigation

* handling sidebarchanges over time

* using router back for closing sidebar

* fixed tripping inside single sidebar

* added superpowers toggle to sidebar

* user button opens sidebar now

* added profile cover for profile sidebar

* removed profile sidebar completely

* ran prettier over project

* added note not found error literal

src/containers/profile/ProfilePageLeft/index.tsx

@@ -26,17 +26,19 @@ const ProfilePageLeft: FC<IProps> = ({ username, profile, isLoading }) => {
       />
 
       <div className={styles.region}>
-        <div className={styles.name}>{isLoading ? <Placeholder /> : profile?.fullname}</div>`
+        <div className={styles.name}>
+          {isLoading ? <Placeholder /> : profile?.fullname}
+        </div>
+        `
         <div className={styles.username}>
           {isLoading ? <Placeholder /> : `~${profile?.username}`}
         </div>
       </div>
 
       {!!profile?.description && (
-        <Markdown
-          className={styles.description}
-          dangerouslySetInnerHTML={{ __html: formatText(profile.description) }}
-        />
+        <Markdown className={styles.description}>
+          {formatText(profile.description)}
+        </Markdown>
       )}
     </div>
   );

src/containers/profile/ProfileSidebarMenu/index.tsx

@@ -15,6 +15,7 @@ import { useAuth } from '~/hooks/auth/useAuth';
 import markdown from '~/styles/common/markdown.module.scss';
 
 import { ProfileSidebarLogoutButton } from '../ProfileSidebarLogoutButton';
+import { ProfileToggles } from '../ProfileToggles';
 
 import styles from './styles.module.scss';
 
@@ -40,9 +41,19 @@ const ProfileSidebarMenu: VFC<ProfileSidebarMenuProps> = ({ onClose }) => {
       <Filler className={classNames(markdown.wrapper, styles.text)}>
         <Group>
           <VerticalMenu className={styles.menu}>
-            <VerticalMenu.Item onClick={() => setActiveTab(0)}>Настройки</VerticalMenu.Item>
+            <VerticalMenu.Item onClick={() => setActiveTab(0)}>
+              Настройки
+            </VerticalMenu.Item>
+
+            <VerticalMenu.Item onClick={() => setActiveTab(1)}>
+              Заметки
+            </VerticalMenu.Item>
           </VerticalMenu>
 
+          <div className={styles.toggles}>
+            <ProfileToggles />
+          </div>
+
           <div className={styles.stats}>
             <ProfileStats />
           </div>
@@ -51,7 +62,7 @@ const ProfileSidebarMenu: VFC<ProfileSidebarMenuProps> = ({ onClose }) => {
 
       <Group className={styles.buttons} horizontal>
         <Filler />
-        <ProfileSidebarLogoutButton onLogout={onLogout}/>
+        <ProfileSidebarLogoutButton onLogout={onLogout} />
       </Group>
     </div>
   );

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

@@ -19,3 +19,7 @@
 .stats {
   display: none;
 }
+
+.toggles {
+  padding-top: $gap * 2;
+}

src/containers/profile/ProfileToggles/index.tsx

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+
+import { Group } from '~/components/containers/Group';
+import { Zone } from '~/components/containers/Zone';
+import { SuperPowersToggle } from '~/containers/auth/SuperPowersToggle';
+
+interface ProfileTogglesProps {}
+
+const ProfileToggles: FC<ProfileTogglesProps> = () => (
+  <Zone>
+    <Group>
+      <SuperPowersToggle />
+    </Group>
+  </Zone>
+);
+
+export { ProfileToggles };