fix: improving organization-form.tsx UX/UI and removed the card.

src/components/wrappers/dashboard/organization/organization-form/organization-form.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import {Card, CardContent, CardHeader} from "@/components/ui/card";
 import {
     FormControl,
     FormDescription,
@@ -22,7 +21,6 @@ import {
 } from "@/components/wrappers/dashboard/organization/organization-form/organization-form.schema";
 import {MemberWithUser, OrganizationWithMembers} from "@/db/schema/03_organization";
 import {
-    deleteOrganizationAction,
     updateOrganizationAction
 } from "@/components/wrappers/dashboard/organization/organization.action";
 import {toast} from "sonner";
@@ -95,9 +93,6 @@ export const OrganizationForm = (props: organizationFormProps) => {
 
 
     return (
-        <Card>
-            <CardHeader></CardHeader>
-            <CardContent>
         <Form
             form={form}
             className="flex flex-col gap-4"
@@ -162,9 +157,11 @@ export const OrganizationForm = (props: organizationFormProps) => {
                     </FormItem>
                 )}
             />
-                    <Button>{isCreate ? `Create Organization` : `Update Organization`}</Button>
+            <div className="flex justify-end">
+                <Button type="submit">
+                    {isCreate ? "Create" : "Update"}
+                </Button>
+            </div>
         </Form>
-            </CardContent>
-        </Card>
     );
 };