fix: UI improvements. (#2734)

* style: update check icon colors to match our design.

* fix: automatically focus input box in pages `add label` modal.

web/components/integration/single-integration-card.tsx

@@ -112,7 +112,7 @@ export const SingleIntegrationCard: React.FC<Props> = observer(({ integration })
           <h3 className="flex items-center gap-2 text-sm font-medium">
             {integration.title}
             {workspaceIntegrations
-              ? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-white fill-green-500" />
+              ? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-green-500 fill-transparent" />
               : null}
           </h3>
           <p className="text-sm text-custom-text-200 tracking-tight">

web/components/labels/create-label-modal.tsx

@@ -46,10 +46,18 @@ export const CreateLabelModal: React.FC<Props> = observer((props) => {
     control,
     reset,
     setValue,
+    setFocus,
   } = useForm<IIssueLabels>({
     defaultValues,
   });
 
+  /**
+   * For setting focus on name input
+   */
+  useEffect(() => {
+    setFocus("name");
+  }, [setFocus, isOpen]);
+
   useEffect(() => {
     if (isOpen) setValue("color", getRandomLabelColor());
   }, [setValue, isOpen]);