fix: edit tag screen flickering while typing on mobile (#4882)

Author: ilasw

packages/shared/src/components/onboarding/EditTag.tsx

@@ -33,7 +33,9 @@ export const EditTag = ({
   const isPreviewEnabled = tagsCount >= requiredTags;
 
   const [searchQuery, setSearchQuery] = useState<string>('');
-  const [onSearch] = useDebounceFn(setSearchQuery, 200);
+  const [onSearch] = useDebounceFn((value: string) => {
+    setSearchQuery(value);
+  }, 350);
 
   const { data: searchResult } = useTagSearch({
     value: searchQuery,

packages/shared/src/features/onboarding/steps/FunnelEditTags.tsx

@@ -39,7 +39,7 @@ function FunnelEditTagsComponent({
         'opacity-0': isDisabled,
         'pointer-events-none': isDisabled,
       })}
-      containerClassName="flex w-full flex-1 flex-col items-center justify-center overflow-hidden"
+      containerClassName="flex w-full flex-1 flex-col items-center laptop:justify-center overflow-hidden"
     >
       <div className="flex w-full flex-col items-center gap-6 p-6 pt-10 tablet:max-w-md laptop:max-w-screen-laptop">
         <EditTag