Switch to Vite + improvements

src/components/generic/Button.tsx

@@ -67,49 +67,3 @@ export const Button = ({
     </button>
   );
 };
-
-// import React from 'react';
-
-// type DefaultButtonProps = JSX.IntrinsicElements['button'];
-
-// export interface ButtonProps extends DefaultButtonProps {
-//   icon?: JSX.Element;
-//   circle?: boolean;
-//   active?: boolean;
-//   border?: boolean;
-//   confirmAction?: () => void;
-//   rightIcon?: React.ReactNode;
-//   leftIcon?: React.ReactNode;
-//   nested?: boolean;
-// }
-
-// export const Button = ({
-//   rightIcon,
-//   leftIcon,
-//   children,
-//   nested,
-//   ...props
-// }: ButtonProps): JSX.Element => {
-//   return (
-//     <button
-//       className={`select-none flex hover:bg-gray-300 dark:hover:bg-gray-500 rounded-md cursor-pointer active:scale-95 dark:text-white ${
-//         nested
-//           ? 'hover:bg-gray-300 dark:hover:bg-gray-500 dark:bg-gray-600 bg-gray-200'
-//           : 'dark:bg-gray-700 bg-gray-200'
-//       }`}
-//       {...props}
-//     >
-//       {leftIcon && (
-//         <div className="flex py-1 bg-gray-00 rounded-l-md">
-//           <div className="mx-2 my-auto">{leftIcon}</div>
-//         </div>
-//       )}
-//       <div className="flex px-4 py-2 space-x-2 leading-4">{children}</div>
-//       {rightIcon && (
-//         <div className="flex py-2 bg-gray-200 rounded-r-md">
-//           <div className="mx-2 my-auto">{rightIcon}</div>
-//         </div>
-//       )}
-//     </button>
-//   );
-// };