💄 show action on the right of the column

src/components/BlueprintsTable.tsx

@@ -158,22 +158,24 @@ export default function BlueprintsTable({ blueprints, orgId }: Props) {
         {
             id: "actions",
             header: () => {
-                return (
+                return null;
-                    <span className="text-muted-foreground p-3">
-                        {t("actions")}
-                    </span>
-                );
             },
             cell: ({ row }) => {
                 return (
-                    <Button variant="outline" className="items-center" asChild>
+                    <div className="flex justify-end">
-                        <Link
+                        <Button
-                            href={`/${orgId}/settings/blueprints/${row.original.blueprintId}`}
+                            variant="outline"
+                            className="items-center"
+                            asChild
                         >
-                            View details{" "}
+                            <Link
-                            <ArrowRight className="size-4 flex-none" />
+                                href={`/${orgId}/settings/blueprints/${row.original.blueprintId}`}
-                        </Link>
+                            >
-                    </Button>
+                                View details{" "}
+                                <ArrowRight className="size-4 flex-none" />
+                            </Link>
+                        </Button>
+                    </div>
                 );
             }
         }