refactor(deps): upgrade bootstrap from v4.6 to v5.2

- update class name of the spacing, font style, cards and toasts
- update attribute names &  tooltip usage
- remove custom smooth scroll
- syntax colors

_sass/layout/categories.scss

@@ -8,6 +8,7 @@
 
 .categories {
   margin-bottom: 2rem;
+  border-color: var(--categories-border);
 
   &.card,
   .list-group {
@@ -15,8 +16,16 @@
   }
 
   .card-header {
-    padding-right: 12px;
-    border-radius: $base-radius $base-radius 0 0;
+    $radius: calc($base-radius - 1px);
+
+    padding: 0.75rem;
+    border-radius: $radius;
+    border-bottom: 0;
+
+    &.hide-border-bottom {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
   }
 
   i {
@@ -34,6 +43,10 @@
       border-top-left-radius: 0;
       border-top-right-radius: 0;
     }
+
+    &:last-child {
+      border-bottom: 0;
+    }
   }
 } /* .categories */
 

_sass/layout/home.scss

@@ -43,7 +43,6 @@
 
       .card-title {
         @extend %text-clip;
-        @include mt-mb(0.5rem);
 
         font-size: 1.25rem;
       }
@@ -53,9 +52,6 @@
       }
 
       .card-text.post-content {
-        margin-top: 0;
-        margin-bottom: 0.5rem;
-
         @extend %muted;
 
         p {
@@ -160,11 +156,6 @@
         width: 60%;
         padding: 1.75rem 1.75rem 1.25rem 1.75rem;
 
-        .card-title {
-          margin-top: 0;
-          margin-bottom: 0.5rem;
-        }
-
         .card-text {
           display: inherit !important;
         }
@@ -183,11 +174,6 @@
 
 /* Hide SideBar and TOC */
 @media all and (max-width: 830px) {
-  #post-list .card {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
   .pagination {
     justify-content: space-evenly;
 

_sass/layout/post.scss

@@ -347,13 +347,10 @@ h1 + .post-meta {
     -webkit-box-orient: vertical;
   }
 
-  a:hover {
-    @extend %no-decoration;
-  }
-
   .card {
     h3 {
       @extend %text-color;
+      @extend %text-clip;
     }
   }
 }