Move private toggle up in the sidebar

Author: MinThaMie

Diff for: app/components/table-of-contents.hbs

@@ -1,3 +1,7 @@
+<label class='toc-private-toggle'>
+  <input type='checkbox' checked={{@showPrivateClasses}} onchange={{@togglePrivateClasses}} class='private-deprecated-toggle' />
+  Show Private / Deprecated packages
+</label>
 <ul class='table-of-contents '>
   <li class='toc-item toc-group' data-test-toc-title="packages">
     Packages
@@ -38,7 +42,3 @@
     </ul>
   </li>
 </ul>
-<label class='toc-private-toggle'>
-  <input type='checkbox' checked={{@showPrivateClasses}} onchange={{@togglePrivateClasses}} class='private-deprecated-toggle' />
-  Show Private / Deprecated
-</label>

Diff for: app/styles/app.css

@@ -91,6 +91,11 @@ li.toc-heading:first-child {
   margin-top: 0;
 }
 
+.toc-private-toggle {
+  display: block;
+  margin-top: var(--spacing-2);
+}
+
 a.class-field-description--link {
   margin-left: 12px;
   vertical-align: middle;
@@ -109,8 +114,6 @@ a.class-field-description--link:hover svg {
   fill: var(--color-brand);
 }
 
-
-
 .parameter, .return {
   display: flex;
   gap: var(--spacing-1);