SCSS: Fix breakpoint mobile naming

From "m" to "mob"

src/style/_base.scss

@@ -179,7 +179,7 @@ button {
     line-height: 1.15;
     text-align: center;
 
-    @include breakpoint (m) {
+    @include breakpoint (mob) {
         font-size: rem(24px);
     }
     @include breakpoint (sm) {

src/style/organisms/_photos.scss

@@ -170,7 +170,7 @@
             flex-direction: column-reverse;
             margin-bottom: 40px;
 
-            @include breakpoint (m) {
+            @include breakpoint (mob) {
                 margin-bottom: pxVW(176);
             }
             @include breakpoint (md) {

src/style/pages/_place.scss

@@ -81,7 +81,7 @@
         background-color: $color-tertiary;
         will-change: transform, opacity;
 
-        @include breakpoint (m) {
+        @include breakpoint (mob) {
             padding-bottom: 96px;
         }
         @include breakpoint (sm) {

src/style/tools/_helpers.scss

@@ -27,7 +27,7 @@
     margin: 0 auto;
     padding: 0 16px;
 
-    @include breakpoint (m) {
+    @include breakpoint (mob) {
         padding: 0 24px;
     }
     @include breakpoint (sm) {

src/style/tools/_mixins.scss

@@ -51,7 +51,7 @@
 
 // Reponsive breakpoints
 @mixin breakpoint ($size) {
-    @if ($size == m) {
+    @if ($size == mob) {
         @media (min-width: $screen-mob) { @content; }
     }
     @else if ($size == xs) {