add roles input on resource and make spacing more consistent

src/app/[orgId]/settings/general/layout.tsx

@@ -71,7 +71,6 @@ export default async function GeneralSettingsPage({
                     <SettingsSectionTitle
                         title="General"
                         description="Configure your organization's general settings"
-                        size="1xl"
                     />
 
                     <SidebarSettings sidebarNavItems={sidebarNavItems}>

src/app/[orgId]/settings/general/page.tsx

@@ -46,13 +46,15 @@ export default function GeneralPage() {
                 title="Delete organization"
             />
 
-            {orgUser.isOwner ? (
-                <Button onClick={() => setIsDeleteModalOpen(true)}>
-                    Delete Organization
-                </Button>
-            ) : (
-                <p>Nothing to see here</p>
-            )}
+            <div className="space-y-6">
+                {orgUser.isOwner ? (
+                    <Button onClick={() => setIsDeleteModalOpen(true)}>
+                        Delete Organization
+                    </Button>
+                ) : (
+                    <p>Nothing to see here</p>
+                )}
+            </div>
         </>
     );
 }