refactor(experience): select field should cut off overflow text and have extra dropdown padding (#7664)

Author: charIeszhao

packages/experience/src/components/Dropdown/index.module.scss

@@ -18,6 +18,7 @@
   background: var(--color-bg-float-overlay);
   border: 1px solid var(--color-line-divider);
   border-radius: 8px;
+  padding: _.unit(1);
 }
 
 .overlay {

packages/experience/src/components/InputFields/PrimitiveProfileInputField/index.tsx

@@ -47,6 +47,7 @@ const PrimitiveProfileInputField = ({
         options={options}
         value={value}
         description={description}
+        errorMessage={errorMessage}
         onBlur={onBlur}
         onChange={onChange}
       />

packages/experience/src/components/InputFields/SelectField/index.module.scss

@@ -11,6 +11,8 @@
     position: relative;
 
     input {
+      text-overflow: ellipsis;
+      padding-inline-end: _.unit(8);
       cursor: pointer;
     }