🤖 Auto-fix ESLint warnings

Author: kylecarbs

src/components/ChatInput.tsx

@@ -799,14 +799,14 @@ export const ChatInput: React.FC<ChatInputProps> = ({
               <ToggleGroupItem
                 value="exec"
                 aria-label="Exec mode"
-                className="px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent data-[state=on]:bg-exec-mode data-[state=on]:text-white data-[state=on]:hover:bg-exec-mode-hover text-toggle-text font-normal hover:text-toggle-text-hover hover:bg-toggle-hover"
+                className="data-[state=on]:bg-exec-mode data-[state=on]:hover:bg-exec-mode-hover text-toggle-text hover:text-toggle-text-hover hover:bg-toggle-hover cursor-pointer rounded-sm border-none bg-transparent px-2 py-1 font-sans text-[11px] font-normal transition-all duration-150 data-[state=on]:text-white"
               >
                 Exec
               </ToggleGroupItem>
               <ToggleGroupItem
                 value="plan"
                 aria-label="Plan mode"
-                className="px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent data-[state=on]:bg-plan-mode data-[state=on]:text-white data-[state=on]:hover:bg-plan-mode-hover text-toggle-text font-normal hover:text-toggle-text-hover hover:bg-toggle-hover"
+                className="data-[state=on]:bg-plan-mode data-[state=on]:hover:bg-plan-mode-hover text-toggle-text hover:text-toggle-text-hover hover:bg-toggle-hover cursor-pointer rounded-sm border-none bg-transparent px-2 py-1 font-sans text-[11px] font-normal transition-all duration-150 data-[state=on]:text-white"
               >
                 Plan
               </ToggleGroupItem>

src/components/RightSidebar/CostsTab.tsx

@@ -350,19 +350,19 @@ const CostsTabComponent: React.FC<CostsTabProps> = ({ workspaceId }) => {
                             type="single"
                             value={viewMode}
                             onValueChange={(value) => value && setViewMode(value as ViewMode)}
-                            className="flex gap-0 bg-toggle-bg rounded"
+                            className="bg-toggle-bg flex gap-0 rounded"
                           >
                             <ToggleGroupItem
                               value="session"
                               aria-label="Session view"
-                              className="px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent data-[state=on]:text-toggle-text-active data-[state=on]:bg-toggle-active data-[state=on]:font-medium text-toggle-text font-normal hover:text-toggle-text-hover hover:bg-toggle-hover"
+                              className="data-[state=on]:text-toggle-text-active data-[state=on]:bg-toggle-active text-toggle-text hover:text-toggle-text-hover hover:bg-toggle-hover cursor-pointer rounded-sm border-none bg-transparent px-2 py-1 font-sans text-[11px] font-normal transition-all duration-150 data-[state=on]:font-medium"
                             >
                               Session
                             </ToggleGroupItem>
                             <ToggleGroupItem
                               value="last-request"
                               aria-label="Last request view"
-                              className="px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent data-[state=on]:text-toggle-text-active data-[state=on]:bg-toggle-active data-[state=on]:font-medium text-toggle-text font-normal hover:text-toggle-text-hover hover:bg-toggle-hover"
+                              className="data-[state=on]:text-toggle-text-active data-[state=on]:bg-toggle-active text-toggle-text hover:text-toggle-text-hover hover:bg-toggle-hover cursor-pointer rounded-sm border-none bg-transparent px-2 py-1 font-sans text-[11px] font-normal transition-all duration-150 data-[state=on]:font-medium"
                             >
                               Last Request
                             </ToggleGroupItem>

src/components/ui/dialog.tsx

@@ -42,7 +42,7 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+      <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
       </DialogPrimitive.Close>