Refactor preset selection logic to use a unified quick pick interface and remove the separate "Discard" button from the preset edit footer

Author: robertpiosik

packages/ui/src/components/editor/panel/ResponsePreview/components/TextItem.module.scss

@@ -33,7 +33,7 @@
 .hidden {
   display: flex;
   align-items: center;
-  margin: var(--padding-4px) var(--padding-12px);
+  margin: var(--padding-2px) var(--padding-12px);
   gap: var(--padding-8px);
   padding-right: var(--padding-9px);
   position: relative;

packages/ui/src/components/editor/panel/modals/ChatInitializedModal/ChatInitializedModal.tsx

@@ -13,17 +13,13 @@ export const ChatInitializedModal: React.FC<Props> = (props) => {
   const [is_filling, set_is_filling] = useState(false)
 
   useEffect(() => {
-    const request_id = requestAnimationFrame(() => {
-      set_is_filling(true)
-    })
-
-    const close_timeout = setTimeout(() => {
+    set_is_filling(true)
+    const timeout = setTimeout(() => {
       props.on_close()
     }, props.duration)
 
     return () => {
-      cancelAnimationFrame(request_id)
-      clearTimeout(close_timeout)
+      clearTimeout(timeout)
     }
   }, [props.duration, props.on_close])