feat(ui): added icon button component, updated secondary button style and added select to barrel export

frontend/src/components/v2/Button/Button.tsx

@@ -24,16 +24,16 @@ const buttonVariants = cva(
     variants: {
       colorSchema: {
         primary: ['bg-primary', 'text-black', 'border-primary hover:bg-opacity-80'],
-        secondary: ['bg-mineshaft-200', 'text-white', 'border-mineshaft-200'],
+        secondary: ['bg-mineshaft', 'text-gray-300', 'border-mineshaft hover:bg-opacity-80'],
         danger: ['bg-red', 'text-white', 'border-red']
       },
       variant: {
         solid: '',
-        outline: ['bg-transparent', 'border', 'border-solid'],
+        outline: ['bg-transparent', 'border-2', 'border-solid'],
         plain: ''
       },
       isDisabled: {
-        true: 'bg-opacity-70',
+        true: 'bg-opacity-70 cursor-not-allowed',
         false: ''
       },
       isFullWidth: {
@@ -60,7 +60,7 @@ const buttonVariants = cva(
       {
         colorSchema: 'secondary',
         variant: 'outline',
-        className: 'text-mineshaft-200 hover:bg-mineshaft-400 hover:text-white'
+        className: 'hover:bg-mineshaft'
       },
       {
         colorSchema: 'danger',
@@ -75,7 +75,7 @@ const buttonVariants = cva(
       {
         colorSchema: 'secondary',
         variant: 'plain',
-        className: 'text-mineshaft-400'
+        className: 'text-mineshaft'
       },
       {
         colorSchema: 'danger',
@@ -139,7 +139,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
             src="/images/loading/loadingblack.gif"
             width={36}
             alt="loading animation"
-            className="rounded-xl absolute"
+            className="absolute rounded-xl"
           />
         )}
         <span