fix: align settings responsive breakpoint

apps/nextjs/src/app/[locale]/manage/settings/_components/settings-form.module.css

@@ -16,7 +16,7 @@
   padding-inline-start: var(--mantine-spacing-xl);
 }
 
-@media (max-width: $mantine-breakpoint-sm) {
+@mixin smaller-than $mantine-breakpoint-sm {
   .list {
     max-width: calc(100vw - var(--mantine-spacing-xl));
     min-width: 0;