lint and add frontend-ui workflow

client/ui/frontend/src/components/dialog/ConfirmDialog.tsx

@@ -17,12 +17,14 @@ export const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(func
             open
             aria-label={ariaLabel}
             aria-labelledby={ariaLabelledBy}
-            className={"wails-draggable select-none flex flex-col items-center static bg-transparent text-inherit p-0 m-0 max-w-none max-h-none border-0 w-full"}
+            className={
+                "wails-draggable static m-0 flex max-h-none w-full max-w-none select-none flex-col items-center border-0 bg-transparent p-0 text-inherit"
+            }
         >
             <div
                 ref={ref}
                 className={cn(
-                    "flex flex-col items-center gap-5 text-center px-8 pt-6 pb-7",
+                    "flex flex-col items-center gap-5 px-8 pb-7 pt-6 text-center",
                     isMacOS() && "pt-10",
                 )}
             >

client/ui/frontend/src/components/dialog/Dialog.tsx

@@ -1,4 +1,9 @@
-import { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type HTMLAttributes } from "react";
+import {
+    forwardRef,
+    type ComponentPropsWithoutRef,
+    type ElementRef,
+    type HTMLAttributes,
+} from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { X } from "lucide-react";
@@ -60,9 +65,9 @@ export const Content = forwardRef<ElementRef<typeof DialogPrimitive.Content>, Co
                     <DialogPrimitive.Content
                         ref={ref}
                         className={cn(
-                            "mx-auto relative z-[52] w-full outline-none ring-0",
-                            "focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0",
-                            "border border-nb-gray-900 bg-nb-gray py-7 shadow-2xl rounded-lg",
+                            "relative z-[52] mx-auto w-full outline-none ring-0",
+                            "focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0",
+                            "rounded-lg border border-nb-gray-900 bg-nb-gray py-7 shadow-2xl",
                             "data-[state=open]:animate-in data-[state=open]:fade-in-0",
                             "data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1",
                             exitAnimation &&
@@ -129,7 +134,7 @@ export const Description = forwardRef<
     return (
         <DialogPrimitive.Description
             ref={ref}
-            className={cn("text-sm text-nb-gray-400 mt-2 leading-snug", className)}
+            className={cn("mt-2 text-sm leading-snug text-nb-gray-400", className)}
             {...props}
         />
     );
@@ -140,7 +145,7 @@ type FooterProps = HTMLAttributes<HTMLDivElement> & {
 };
 
 export const Footer = ({ className, separator = true, ...props }: FooterProps) => (
-    <div className={cn(separator && "border-t border-nb-gray-900 mt-6")}>
+    <div className={cn(separator && "mt-6 border-t border-nb-gray-900")}>
         <div
             className={cn(
                 "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",

client/ui/frontend/src/components/dialog/DialogActions.tsx

@@ -7,7 +7,7 @@ type DialogActionsProps = {
 };
 
 export const DialogActions = ({ children, className }: DialogActionsProps) => (
-    <div className={cn("wails-no-draggable flex flex-col gap-3 w-full mx-auto", className)}>
+    <div className={cn("wails-no-draggable mx-auto flex w-full flex-col gap-3", className)}>
         {children}
     </div>
 );

client/ui/frontend/src/components/dialog/DialogDescription.tsx

@@ -20,7 +20,7 @@ export const DialogDescription = ({
     className,
     align = "center",
 }: DialogDescriptionProps) => (
-    <p className={cn("w-full text-sm text-nb-gray-300 select-none", alignClass[align], className)}>
+    <p className={cn("w-full select-none text-sm text-nb-gray-300", alignClass[align], className)}>
         {children}
     </p>
 );

client/ui/frontend/src/components/dialog/DialogHeading.tsx

@@ -25,7 +25,7 @@ export const DialogHeading = ({
     <h2
         id={id}
         className={cn(
-            "w-full text-base font-semibold text-nb-gray-50 select-none",
+            "w-full select-none text-base font-semibold text-nb-gray-50",
             alignClass[align],
             className,
         )}