styling and group fixes

frontend/src/components/ui/button.tsx

@@ -8,7 +8,7 @@ import { LoaderCircle } from "lucide-react";
 // [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
 
 const buttonVariants = cva(
-  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-zinc-300 font-regular
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-zinc-300 font-regular
   
   `,
   {
@@ -28,7 +28,7 @@ const buttonVariants = cva(
           "hover:bg-zinc-100 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
         link: "text-zinc-900 underline-offset-4 hover:underline dark:text-zinc-50",
         dashed:
-          "text-xs font-semibold border border-1 border-dashed bg-gradient-to-b from-white to-stone-100 border-stone-300 text-primary shadow-sm hover:bg-zinc-100 hover:text-primary dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
+          "text-xs font-semibold border border-1 border-dashed bg-gradient-to-b from-white to-stone-100 border-stone-300 text-primary shadow-sm hover:from-stone-100 hover:to-stone-200 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
         gradientPrimary:
           " bg-gradient-to-b font-semibold from-primary/65 to-primary text-white hover:from-purple-500 hover:to-purple-700 shadow-sm text-xs shadow-purple-500/50",
         gradientSecondary:

frontend/src/components/ui/table.tsx

@@ -6,7 +6,7 @@ const Table = React.forwardRef<
   HTMLTableElement,
   React.HTMLAttributes<HTMLTableElement>
 >(({ className, ...props }, ref) => (
-  <div className={cn("relative w-full overflow-auto rounded-md p-3 border bg-white", className)}>
+  <div className={cn("relative w-full overflow-auto rounded-sm p-3 border bg-white", className)}>
     <table
       ref={ref}
       className="w-full caption-bottom text-sm"

frontend/src/views/products/product/ProductView.tsx

@@ -40,18 +40,13 @@ function ProductView({
 
   useEffect(() => {
     if (data?.product) {
-      //setProduct(data.product)
-      setProduct({
-        ...data.product,
-        group: 'group test'
-      });
+      setProduct(data.product)
 
       initialProductRef.current = data.product;
     }
   }, [data]);
 
   useEffect(() => {
-    console.log("product", product);
 
     if (!initialProductRef.current || !product) {
       setHasChanges(false);

frontend/src/views/sidebar/EnvDropdown.tsx

@@ -39,7 +39,7 @@ export const EnvDropdown = ({ env }: { env: AppEnv }) => {
           {expanded ? (
             <DropdownMenuTrigger
               asChild
-              className="ring-0 focus:ring-0 border bg-white text-t2 rounded-lg"
+              className="ring-0 focus:ring-0 border bg-white text-t2 rounded-sm"
             >
               <SidebarMenuButton>
                 {envText}