First commit of env overview

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

@@ -34,6 +34,7 @@ const buttonVariants = cva(
         outline: ['bg-transparent', 'border-2', 'border-solid'],
         plain: '',
         selected: '',
+        outline_bg: '',
         // a constant color not in use on hover or click goes colorSchema color
         star: 'text-bunker-200 bg-mineshaft-500'
       },
@@ -67,6 +68,11 @@ const buttonVariants = cva(
         variant: 'selected',
         className: 'bg-primary/10 border border-primary/50 text-bunker-200'
       },
+      {
+        colorSchema: 'primary',
+        variant: 'outline_bg',
+        className: 'bg-mineshaft-800 border border-mineshaft-600 hover:bg-primary/[0.15] hover:border-primary/60 text-bunker-200'
+      },
       {
         colorSchema: 'secondary',
         variant: 'star',

frontend/src/components/v2/Table/Table.tsx

@@ -34,7 +34,7 @@ export type TableProps = {
 export const Table = ({ children, className }: TableProps): JSX.Element => (
   <table
     className={twMerge(
-      'w-full rounded-md  bg-bunker-800 p-2 text-left text-sm text-gray-300',
+      'w-full rounded-md bg-bunker-800 p-2 text-left text-sm text-gray-300',
       className
     )}
   >