feat(notifications): add build failed and invitation emails from react-email

components/dashboard/settings/cluster/registry/add-docker-registry.tsx

@@ -99,7 +99,7 @@ export const AddRegistry = () => {
 	return (
 		<Dialog open={isOpen} onOpenChange={setIsOpen}>
 			<DialogTrigger asChild>
-				<Button>
+				<Button className="max-sm:w-full">
 					<Container className="h-4 w-4" />
 					Create Registry
 				</Button>

components/dashboard/settings/cluster/registry/add-self-docker-registry.tsx

@@ -88,7 +88,7 @@ export const AddSelfHostedRegistry = () => {
 	return (
 		<Dialog open={isOpen} onOpenChange={setIsOpen}>
 			<DialogTrigger asChild>
-				<Button>
+				<Button className="max-sm:w-full">
 					<Container className="h-4 w-4" />
 					Enable Self Hosted Registry
 				</Button>

components/dashboard/settings/cluster/registry/show-registry.tsx

@@ -42,11 +42,11 @@ export const ShowRegistry = () => {
 					{data?.length === 0 ? (
 						<div className="flex flex-col items-center gap-3">
 							<Server className="size-8 self-center text-muted-foreground" />
-							<span className="text-base text-muted-foreground">
+							<span className="text-base text-muted-foreground text-center">
 								To create a cluster is required to set a registry.
 							</span>
 
-							<div className="flex flex-row gap-2">
+							<div className="flex flex-row md:flex-row gap-2 flex-wrap w-full justify-center">
 								<AddSelfHostedRegistry />
 								<AddRegistry />
 							</div>