lint and add frontend-ui workflow

client/ui/frontend/src/modules/auto-update/UpdateBadge.tsx

@@ -17,7 +17,9 @@ export const UpdateBadge = forwardRef<HTMLDivElement, Props>(function UpdateBadg
             {...rest}
         >
             <span
-                className={"animate-ping absolute inline-flex h-[15px] w-[15px] rounded-full bg-netbird opacity-20 pointer-events-none"}
+                className={
+                    "pointer-events-none absolute inline-flex h-[15px] w-[15px] animate-ping rounded-full bg-netbird opacity-20"
+                }
             />
             <ArrowUpCircleIcon size={size} className={"text-netbird"} />
         </div>

client/ui/frontend/src/modules/auto-update/UpdateVersionCard.tsx

@@ -68,7 +68,7 @@ function Card({ children, className }: Readonly<{ children: ReactNode; className
     return (
         <div
             className={cn(
-                "w-full flex items-center justify-between gap-4 rounded-md border border-nb-gray-800 bg-nb-gray-910 px-4 py-3",
+                "flex w-full items-center justify-between gap-4 rounded-md border border-nb-gray-800 bg-nb-gray-910 px-4 py-3",
                 className,
             )}
         >
@@ -86,7 +86,9 @@ function Link({ url, children }: Readonly<{ url: string; children: ReactNode }>)
         <button
             type={"button"}
             onClick={() => openUrl(url)}
-            className={"text-sm text-netbird hover:underline hover:underline-offset-4 hover:decoration-[0.5px] font-medium"}
+            className={
+                "text-sm font-medium text-netbird hover:underline hover:decoration-[0.5px] hover:underline-offset-4"
+            }
         >
             {children}
         </button>