refactor(starter): upgrade and move to typescript

src/components/Sidebar/Sidebar.module.scss

@@ -3,8 +3,9 @@
 
 .sidebar {
   width: 100%;
-  &__inner {
-    padding: 25px 20px 0;
+
+  .inner {
+    @include padding(1, 0.75, 0);
     position: relative;
   }
 }
@@ -12,8 +13,10 @@
 @include breakpoint-sm {
   .sidebar {
     lost-column: 5/12;
-    &__inner {
-      padding: 30px 20px 0;
+
+    .inner {
+      @include padding(1.25, 0.75, 0);
+
       &:after {
         background: $color-gray-border;
         background: linear-gradient(
@@ -37,8 +40,9 @@
 @include breakpoint-md {
   .sidebar {
     lost-column: 1/3;
-    &__inner {
-      padding: 40px;
+
+    .inner {
+      @include padding-equal(1.5);
     }
   }
 }