fix(theme): overflow clip is buggy on safari

closes #5050
x-ref: 06f0e1a (#5039), 0ee7158 (#5027)

src/client/theme-default/components/VPNav.vue

@@ -47,7 +47,6 @@ watchEffect(() => {
   width: 100%;
   pointer-events: none;
   transition: background-color 0.5s;
-  overflow-x: clip;
 }
 
 @media (min-width: 960px) {

src/client/theme-default/components/VPNavBar.vue

@@ -187,8 +187,6 @@ watchPostEffect(() => {
   justify-content: flex-end;
   align-items: center;
   height: var(--vp-nav-height);
-  margin-right: -100vw;
-  padding-right: 100vw;
   transition: background-color 0.5s;
 }
 
@@ -201,6 +199,11 @@ watchPostEffect(() => {
   .VPNavBar:not(.has-sidebar):not(.home.top) .content-body {
     background-color: transparent;
   }
+
+  .content-body {
+    margin-right: -100vw;
+    padding-right: 100vw;
+  }
 }
 
 @media (max-width: 767px) {