fix: some fix responsive

src/features/organization/components/edit-organization.dialog.tsx

@@ -8,38 +8,46 @@ import {
     DialogTrigger,
 } from "@/components/ui/dialog";
 import {OrganizationForm} from "@/features/organization/components/organization.form";
-import {useState} from "react";
+import {ReactNode, useState} from "react";
 import {Button, buttonVariants} from "@/components/ui/button";
 import {GearIcon} from "@radix-ui/react-icons";
 import {OrganizationWithMembers} from "@/db/schema/03_organization";
 import {User} from "@/db/schema/02_user";
 import {User as BetterAuthUser} from "better-auth";
+import {useRouter} from "next/navigation";
 
 type EditOrganizationDialogProps = {
-    children?: React.ReactNode;
     organization: OrganizationWithMembers;
     users: User[];
     currentUser: BetterAuthUser;
 };
 
-export const EditOrganizationDialog = ({children, organization, users, currentUser}: EditOrganizationDialogProps) => {
+export const EditOrganizationDialog = ({
+                                           organization,
+                                           users,
+                                           currentUser,
+                                       }: EditOrganizationDialogProps) => {
     const [open, setOpen] = useState(false);
+    const router = useRouter();
 
     return (
         <Dialog open={open} onOpenChange={setOpen}>
             <DialogTrigger asChild>
-                {children ? children : (
-                    <Button variant="outline">
-                        <GearIcon className="w-4 h-4 mr-2"/> Edit
-                    </Button>
-                )}
+                <div className={buttonVariants({variant: "outline", className: "cursor-pointer"})}>
+                    <GearIcon className="w-7 h-7"/>
+                </div>
             </DialogTrigger>
-            <DialogContent>
+            <DialogContent
+                onOpenAutoFocus={(e) => e.preventDefault()}
+            >
                 <DialogHeader>
                     <DialogTitle>Edit {organization.name}</DialogTitle>
                 </DialogHeader>
-                <OrganizationForm 
-                    onSuccess={() => setOpen(false)} 
+                <OrganizationForm
+                    onSuccess={() => {
+                        setOpen(false)
+                        router.refresh()
+                    }}
                     defaultValues={organization}
                     users={users}
                     currentUser={currentUser}

src/features/projects/components/project.dialog.tsx

@@ -18,7 +18,6 @@ import {GearIcon} from "@radix-ui/react-icons";
 import {EmptyStatePlaceholder} from "@/components/wrappers/common/empty-state-placeholder";
 
 type ProjectDialogProps = {
-    children?: ReactNode;
     databases: DatabaseWith[];
     organization: Organization;
     project?: ProjectWith;