fix: correct breakpoints & container

Author: RickEyre

packages/panda-san/src/layout/container.scss

@@ -1,6 +1,5 @@
 .container {
   margin: 0 auto;
-  max-width: 1344px;
 
   @each $breakpoint-name, $gutter in $container-gutters {
     @include breakpoint($breakpoint-name) {

packages/panda-san/src/variables/breakpoints.scss

@@ -1,11 +1,11 @@
-$mobile: 768px;
-$tablet: 1023px;
-$desktop: 1215px;
-$widescreen: 1407px;
+$tablet: 769px;
+$desktop: 1024px;
+$widescreen: 1216px;
+$fullhd: 1408px;
 
 $breakpoints: (
-  mobile: $mobile,
   tablet: $tablet,
   desktop: $desktop,
-  widescreen: $widescreen
+  widescreen: $widescreen,
+  fullhd: $fullhd
 );

packages/panda-san/src/variables/container.scss

@@ -1,6 +1,6 @@
 $container-gutters: (
-  mobile: 0,
-  tablet: 0,
+  tablet: 32px,
+  widescreen: 32px,
   desktop: 32px,
-  widescreen: 32px
+  fullhd: 32px
 );