Progress on refactor

Update files paths, components

app/javascript/styles/gabsocial/components/footer-bar.scss

@@ -1,45 +0,0 @@
-.footer-bar {
-  display: block;
-  position: fixed;
-  background: #000;
-  height: 58px;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1000;
-  transition: transform 0.2s ease;
-  overflow: hidden;
-  padding-bottom: 0;
-  padding-bottom: env(safe-area-inset-bottom);
-
-  @media screen and (min-width: 895px) {
-    display: none !important;
-  }
-
-  &__container {
-    display: flex;
-    flex-direction: row;
-		align-items: stretch;
-  }
-
-  &__link {
-    display: flex;
-    flex: 1 1 auto;
-    margin: 0;
-    min-width: 36px;
-    height: 58px;
-    padding-top: 4px;
-    justify-content: center;
-    color: white;
-    text-decoration: none;
-    border-top: 2px solid transparent;
-
-    &.active {
-      border-top-color: $gab-brand-default;
-    }
-
-    & > span {
-      display: none;
-    }
-  }
-}

app/javascript/styles/gabsocial/components/sidebar-menu.scss

@@ -1,174 +0,0 @@
-.sidebar-menu {
-  display: flex;
-  position: fixed;
-  flex-direction: column;
-  width: 275px;
-  height: 100vh;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  background: $gab-background-container;
-  transform: translateX(-275px);
-  transition: all 0.15s linear;
-  z-index: 10001;
-
-	body.theme-gabsocial-light & {
-		background: $gab-background-container-light;
-	}
-
-  &__root {
-    display: none;
-  }
-
-  &__wrapper {
-    display: block;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 10000;
-    background-color: transparent;
-    transition: background-color 0.2s linear;
-    transition-delay: 0.1s;
-  }
-
-  &__content {
-    display: flex;
-    flex: 1 1;
-    flex-direction: column;
-    padding-bottom: 40px;
-    overflow: hidden;
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__section {
-    display: block;
-    margin: 4px 0;
-    border-top: 1px solid lighten($ui-base-color, 4%);
-
-    &--borderless {
-      margin: 0;
-      border-top: none;
-    }
-  }
-
-  @media (max-width: 400px) {
-    width: 90vw;
-  }
-}
-
-.sidebar-menu__root--visible {
-  display: block;
-
-  .sidebar-menu {
-    transform: translateX(0);
-  }
-
-  .sidebar-menu__wrapper {
-    background-color: rgba(0,0,0,0.3);
-  }
-}
-
-.sidebar-menu-header {
-  display: flex;
-  height: 46px;
-  padding: 12px 14px;
-  border-bottom: 1px solid lighten($ui-base-color, 4%);
-  box-sizing: border-box;
-  align-items: center;
-
-  &__title {
-    display: block;
-    font-size: 18px;
-    font-weight: 600;
-    color: $primary-text-color;
-  }
-
-  &__btn {
-    margin-left: auto;
-  }
-}
-
-.sidebar-menu-profile {
-  display: block;
-  padding: 14px 18px;
-
-  &__avatar {
-    display: block;
-    width: 56px;
-    height: 56px;
-  }
-
-  &__name {
-    display: block;
-    margin-top: 10px;
-
-    .display-name__account {
-      display: block;
-      margin-top: 2px;
-    }
-  }
-
-  &__stats {
-    display: flex;
-    margin-top: 12px;
-  }
-}
-
-.sidebar-menu-profile-stat {
-  display: flex;
-  font-size: 14px;
-  text-decoration: none;
-
-  &:not(:first-of-type) {
-    margin-left: 18px;
-  }
-
-  &__value {
-    display: flex;
-    margin-right: 3px;
-    font-weight: 700;
-    color: $primary-text-color;
-  }
-
-  &__label {
-    display: flex;
-    color: $primary-text-color;
-  }
-
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
-.sidebar-menu-item {
-  display: flex;
-  padding: 16px 18px;
-  cursor: pointer;
-  text-decoration: none;
-  color: $primary-text-color;
-  font-size: 15px;
-  font-weight: 400;
-  height: 50px;
-  box-sizing: border-box;
-
-  &:hover {
-    background-color: rgba($gab-brand-default, 0.1);
-
-    .fa {
-      color: $primary-text-color;
-    }
-  }
-
-  .fa {
-    margin-right: 10px;
-  }
-
-  &:hover {
-    &__title {
-      color: $primary-text-color;
-    }
-  }
-}