add new dialogs & cleanup

src/components/form/Button.tsx

@@ -15,6 +15,7 @@ export const Button = ({
   iconAfter,
   children,
   disabled,
+  className,
   ...rest
 }: ButtonProps): JSX.Element => {
   return (
@@ -22,7 +23,7 @@ export const Button = ({
       className={`flex w-full rounded-md border border-transparent px-3 focus:outline-none focus:ring-2 focus:ring-orange-500  ${
         variant === "primary"
           ? "bg-orange-600 text-white shadow-sm hover:bg-orange-700"
-          : "bg-orange-200 text-orange-700 hover:bg-orange-200"
+          : "bg-orange-200 text-orange-700 hover:bg-orange-300"
       } ${
         size === "sm"
           ? "h-8 text-sm"
@@ -33,7 +34,7 @@ export const Button = ({
         disabled
           ? "cursor-not-allowed bg-gray-400 hover:bg-gray-400 focus:ring-gray-500"
           : ""
-      }`}
+      } ${className}`}
       disabled={disabled}
       {...rest}
     >