Second round of formatting

src/components/UI/Button.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { VariantProps, cva } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 
@@ -41,6 +41,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, ...props }, ref) => {
     return (
       <button
+        type="button"
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}

src/components/UI/Checkbox.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Command.tsx

@@ -1,10 +1,10 @@
-import * as React from "react";
 import type { DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
+import * as React from "react";
 
-import { cn } from "@core/utils/cn.js";
 import { Dialog, DialogContent } from "@components/UI/Dialog.js";
+import { cn } from "@core/utils/cn.js";
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
@@ -21,9 +21,7 @@ const Command = React.forwardRef<
 ));
 Command.displayName = CommandPrimitive.displayName;
 
-interface CommandDialogProps extends DialogProps {}
-
-const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
+const CommandDialog = ({ children, ...props }: DialogProps) => {
   return (
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0 shadow-2xl [&_[dialog-overlay]]:bg-red-100">

src/components/UI/Dialog.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/DropdownMenu.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Input.tsx

@@ -38,6 +38,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         )}
         {action && (
           <button
+            type="button"
             className="absolute inset-y-0 right-0 flex items-center pr-3 text-gray-500 hover:text-gray-400 focus:outline-none "
             onClick={action.onClick}
           >

src/components/UI/Label.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Menubar.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Popover.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/ScrollArea.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Select.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Seperator.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Sidebar/sidebarButton.tsx

@@ -1,5 +1,5 @@
-import type { LucideIcon } from "lucide-react";
 import { Button } from "../Button.js";
+import type { LucideIcon } from "lucide-react";
 
 export interface SidebarButtonProps {
   label: string;

src/components/UI/Switch.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Tabs.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Toast.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { VariantProps, cva } from "class-variance-authority";
 import { X } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";
 

src/components/UI/Tooltip.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 
 import { cn } from "@core/utils/cn.js";