fix: show elipsis for longer social image names (#5193)

Author: JayaKrishnaNamburu

packages/design-system/src/utilities.ts

@@ -145,5 +145,5 @@ export const useResize = ({
 export const truncate = (): CSS => ({
   whiteSpace: "nowrap",
   textOverflow: "ellipsis",
-  overflow: "clip",
+  overflow: "hidden",
 });