feat: add overflow clip in styles panel

apps/builder/app/builder/features/style-panel/sections/size/size.tsx

@@ -15,10 +15,10 @@ import {
 import { PositionControl, SelectControl, TextControl } from "../../controls";
 import {
   EyeOpenIcon,
-  EyeClosedIcon,
-  ScrollIcon,
   AutoScrollIcon,
   EllipsesIcon,
+  CropIcon,
+  EyeClosedIcon,
 } from "@webstudio-is/icons";
 import { StyleSection } from "../../shared/style-section";
 import { ToggleGroupControl } from "../../controls/toggle-group/toggle-group-control";
@@ -124,18 +124,17 @@ export const Section = () => {
               value: "visible",
             },
             {
-              child: <EyeClosedIcon />,
+              child: <CropIcon />,
               description:
-                "Content that exceeds the container's size is clipped and hidden without scrollbars.",
-              value: "hidden",
+                "Content that exceeds the container's size is clipped without scrollbars.",
+              value: "clip",
             },
             {
-              child: <ScrollIcon />,
+              child: <EyeClosedIcon />,
               description:
-                "Scrollbars are added to the container, allowing users to scroll and view the exceeding content.",
-              value: "scroll",
+                "Content that exceeds the container's size is hidden without scrollbars.",
+              value: "hidden",
             },
-
             {
               child: <AutoScrollIcon />,
               description: