Fix lint warnings

Author: kylecarbs

src/components/ErrorBoundary.tsx

@@ -42,7 +42,7 @@ export class ErrorBoundary extends Component<Props, State> {
       }
 
       return (
-        <div className="bg-error-bg-neutral-900 border-red-600 text-red-400 m-5 rounded border p-5">
+        <div className="bg-error-bg-neutral-900 m-5 rounded border border-red-600 p-5 text-red-400">
           <h3 className="m-0 mb-2.5 text-base">
             Something went wrong{this.props.workspaceInfo && ` in ${this.props.workspaceInfo}`}
           </h3>
@@ -59,7 +59,7 @@ export class ErrorBoundary extends Component<Props, State> {
           )}
           <button
             onClick={this.handleReset}
-            className="bg-red-600 hover:bg-red-500 cursor-pointer rounded-sm border-none px-4 py-2 text-sm text-white"
+            className="cursor-pointer rounded-sm border-none bg-red-600 px-4 py-2 text-sm text-white hover:bg-red-500"
           >
             Reset
           </button>

src/components/NewWorkspaceModal.tsx

@@ -134,7 +134,7 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
             required
             aria-required="true"
           />
-          {error && <div className="text-red-400 mt-1.5 text-[13px]">{error}</div>}
+          {error && <div className="mt-1.5 text-[13px] text-red-400">{error}</div>}
         </div>
 
         <div className="mb-5 [&_input]:w-full [&_input]:rounded [&_input]:border [&_input]:border-neutral-700 [&_input]:bg-neutral-900 [&_input]:px-3 [&_input]:py-2 [&_input]:text-sm [&_input]:text-white [&_input]:focus:border-sky-600 [&_input]:focus:outline-none [&_input]:disabled:cursor-not-allowed [&_input]:disabled:opacity-60 [&_label]:mb-2 [&_label]:block [&_label]:text-sm [&_label]:text-neutral-300 [&_option]:bg-neutral-900 [&_option]:text-white [&_select]:w-full [&_select]:cursor-pointer [&_select]:rounded [&_select]:border [&_select]:border-neutral-700 [&_select]:bg-neutral-900 [&_select]:px-3 [&_select]:py-2 [&_select]:text-sm [&_select]:text-white [&_select]:focus:border-sky-600 [&_select]:focus:outline-none [&_select]:disabled:cursor-not-allowed [&_select]:disabled:opacity-60">
@@ -167,7 +167,7 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
             />
           )}
           {!hasBranches && (
-            <div className="text-red-400 mt-1.5 text-[13px]">
+            <div className="mt-1.5 text-[13px] text-red-400">
               No branches were detected automatically. Enter the trunk branch manually.
             </div>
           )}

src/components/ProjectSidebar.tsx

@@ -532,7 +532,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                               title="Remove project"
                               aria-label={`Remove project ${projectName}`}
                               data-project-path={projectPath}
-                              className="hover:text-red-400 hover:bg-red-400/10 flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-[3px] border-none bg-transparent text-base text-neutral-400 opacity-0 transition-all duration-200"
+                              className="flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-[3px] border-none bg-transparent text-base text-neutral-400 opacity-0 transition-all duration-200 hover:bg-red-400/10 hover:text-red-400"
                             >
                               ×
                             </button>

src/components/SecretsModal.tsx

@@ -179,7 +179,7 @@ const SecretsModal: React.FC<SecretsModalProps> = ({
                   type="button"
                   onClick={() => removeSecret(index)}
                   disabled={isLoading}
-                  className="text-red-400 border-danger-light hover:bg-red-400/10 cursor-pointer rounded border bg-transparent px-2.5 py-1.5 text-[13px] transition-all duration-200"
+                  className="border-danger-light cursor-pointer rounded border bg-transparent px-2.5 py-1.5 text-[13px] text-red-400 transition-all duration-200 hover:bg-red-400/10"
                 >
                   ×
                 </button>