Complete #52, Optimize CSS, Reduce code duplication, Scrap templates; Massive refactor.

src/partials/_nav_dropdown.scss

@@ -1,40 +1,44 @@
-.nav_dropdown {
-    > .header {
+.dropdown {
+    > header {
         display: grid;
         grid-template-columns: 1fr min-content;
         align-items: center;
 
-        ion-icon {
+        > ion-icon {
             align-self: center;
             transition-duration: 0.25s;
         }
     }
 
-    > .body {
+    > ul {
         display: none;
         border-bottom-left-radius: var(--border-radius-small);
         border-bottom-right-radius: var(--border-radius-small);
         background-color: var(--background-1);
+
+        // Remove default padding and style applied to ul for bullets.
+        padding: 0 var(--spacing-small);
+        list-style: none;
     }
 }
 
-.nav_dropdown:hover {
-    > .header {
+.dropdown:hover {
+    > header {
         transform: var(--transform-scale-x);
 
-        ion-icon {
+        > ion-icon {
             rotate: 90deg;
             transition-duration: 0.25s;
         }
     }
 
-    > .body {
+    > ul {
         display: grid;
     }
 }
 
 @media only screen and (max-width: 500px) {
-    .nav_dropdown > .header ion-icon {
+    .dropdown > header > ion-icon {
         margin-right: var(--padding-mobile);
     }
 }