commonize styles

apps/app/src/components/Common/PageViewLayout.module.scss

@@ -1,5 +1,6 @@
 @use '@growi/core/scss/bootstrap/init' as bs;
 
+@use '~/styles/mixins';
 @use '~/styles/variables' as var;
 
 
@@ -21,8 +22,7 @@ $page-view-layout-margin-top: 32px;
 // fluid layout
 .fluid-layout :global {
   .grw-container-convertible {
-    width: 100%;
-    max-width: none;
+    @include mixins.fluid-layout();
   }
 }
 

apps/app/src/components/PageEditor/Preview.module.scss

@@ -1,3 +1,5 @@
+@use '~/styles/mixins';
+
 .page-editor-preview-body :global {
   .wiki {
     max-width: 980px;
@@ -10,8 +12,7 @@
   &:global {
     &.fluid-layout {
       .wiki {
-        width: 100%;
-        max-width: none;
+        @include mixins.fluid-layout();
       }
     }
   }

apps/app/src/components/SearchPage/SearchResultContent.module.scss

@@ -1,9 +1,10 @@
+@use '~/styles/mixins';
+
 .search-result-content :global {
 }
 
 .fluid-layout :global {
   .grw-container-convertible {
-    width: 100%;
-    max-width: none;
+    @include mixins.fluid-layout();
   }
 }

apps/app/src/styles/_mixins.scss

@@ -2,6 +2,7 @@
 @use './variables' as var;
 
 @import './mixins/editing';
+@import './mixins/fluid-layout';
 @import './mixins/share-link';
 
 @mixin variable-font-size($basesize) {

apps/app/src/styles/mixins/_fluid-layout.scss

@@ -0,0 +1,4 @@
+@mixin fluid-layout() {
+  width: 100%;
+  max-width: none;
+}