fix: restore mobile sidebar width broken by Sass 1.101 cascade change (#21)

Sass >=1.101 emits declarations that follow a nested @media *after* the
bubbled media block, so .app-view__sidebar's base `min-width: 200px`
started overriding the `@media (max-width: 600px) { min-width: 250px }`.
The mobile sidebar shrank to 200px while the body still slid
translateX(-250px) to cover it, shifting the whole app 50px left on
iOS/narrow viewports (clipped category labels, broken category scroll).
Desktop has no media query and was unaffected.

Move the @media block after the base declarations so it wins the
cascade again.

Author: aeharding

src/styles/appView.scss

@@ -17,19 +17,6 @@
 }
 
 .app-view__sidebar {
-  @media (max-width: 600px) {
-    min-width: 250px; // ignore configured sidebar width
-    max-width: 250px; // ignore configured sidebar width
-
-    transform: translateX(-250px);
-
-    transition: transform 250ms ease;
-
-    .app-view--sidebar-open & {
-      transform: translateX(0);
-    }
-  }
-
   width: 15em;
   position: relative;
 
@@ -45,6 +32,19 @@
   a {
     text-decoration: none;
   }
+
+  @media (max-width: 600px) {
+    min-width: 250px; // ignore configured sidebar width
+    max-width: 250px; // ignore configured sidebar width
+
+    transform: translateX(-250px);
+
+    transition: transform 250ms ease;
+
+    .app-view--sidebar-open & {
+      transform: translateX(0);
+    }
+  }
 }
 
 .app-view__budget-options {