MacOS remove horizontal scroll in left navigation

Changelog: fixed
MR: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/80015
EE: true

app/assets/stylesheets/framework/contextual_sidebar.scss

@@ -338,7 +338,8 @@
 .nav-sidebar-inner-scroll {
   @include gl-h-full;
   @include gl-w-full;
-  @include gl-overflow-auto;
+  @include gl-overflow-x-hidden;
+  @include gl-overflow-y-auto;
 
   > div.context-header {
     @include gl-mt-2;

app/assets/stylesheets/startup/startup-dark.scss

@@ -1331,7 +1331,8 @@ input {
 .nav-sidebar-inner-scroll {
   height: 100%;
   width: 100%;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .nav-sidebar-inner-scroll > div.context-header {
   margin-top: 0.25rem;

app/assets/stylesheets/startup/startup-general.scss

@@ -1316,7 +1316,8 @@ input {
 .nav-sidebar-inner-scroll {
   height: 100%;
   width: 100%;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .nav-sidebar-inner-scroll > div.context-header {
   margin-top: 0.25rem;

ee/app/assets/stylesheets/startup/startup-dark.scss

@@ -1331,7 +1331,8 @@ input {
 .nav-sidebar-inner-scroll {
   height: 100%;
   width: 100%;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .nav-sidebar-inner-scroll > div.context-header {
   margin-top: 0.25rem;

ee/app/assets/stylesheets/startup/startup-general.scss

@@ -1316,7 +1316,8 @@ input {
 .nav-sidebar-inner-scroll {
   height: 100%;
   width: 100%;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .nav-sidebar-inner-scroll > div.context-header {
   margin-top: 0.25rem;