fix: edit project button redirection (#2564)

* fix: redirect to project settings

* fix: 404 page button alignment

web/components/project/card.tsx

@@ -186,7 +186,12 @@ export const ProjectCard: React.FC<ProjectCardProps> = observer((props) => {
                 {(isOwner || isMember) && (
                   <button
                     className="flex items-center justify-center p-1 text-custom-text-400 hover:bg-custom-background-80 hover:text-custom-text-200 rounded"
-                    onClick={() => router.push(`/${workspaceSlug}/projects/${project.id}/settings`)}
+                    onClick={(e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
+
+                      router.push(`/${workspaceSlug}/projects/${project.id}/settings`);
+                    }}
                   >
                     <Pencil className="h-3.5 w-3.5" />
                   </button>

web/components/project/index.ts

@@ -4,7 +4,6 @@ export * from "./card-list";
 export * from "./card";
 export * from "./create-project-modal";
 export * from "./delete-project-modal";
-export * from "./delete-project-section";
 export * from "./form-loader";
 export * from "./form";
 export * from "./join-project-modal";

web/components/project/settings/delete-project-section.tsx

@@ -15,6 +15,7 @@ export interface IDeleteProjectSection {
 
 export const DeleteProjectSection: React.FC<IDeleteProjectSection> = (props) => {
   const { projectDetails, handleDelete } = props;
+
   return (
     <Disclosure as="div" className="border-t border-custom-border-400">
       {({ open }) => (

web/components/project/settings/index.ts

@@ -1 +1,2 @@
+export * from "./delete-project-section";
 export * from "./features-list";