Merge pull request #18749 from overleaf/mf-render-new-plans-page-based-on-screen-size

[web] Create a configuration to render new plans page content based on screen width

GitOrigin-RevId: 64e1eba3a44665c6f58b432ff46a8b5e5a9f2cfa

services/web/frontend/stylesheets/app/plans/plans-new-design.less

@@ -122,4 +122,20 @@
     display: flex;
     align-items: center;
   }
+
+  .plans-new-mobile {
+    display: none;
+
+    @media (max-width: @screen-xs-max) {
+      display: flex;
+    }
+  }
+
+  .plans-new-desktop {
+    display: flex;
+
+    @media (max-width: @screen-xs-max) {
+      display: none;
+    }
+  }
 }