style(settings): align checkbox with org name (#76685)

before
<img width="614" alt="SCR-20240828-kbvc"
src="https://github.com/user-attachments/assets/324b37fa-c774-419c-9281-06f98ae1a3c1">


https://github.com/user-attachments/assets/354385f0-5e56-45e7-a9d5-a44bd9473a13


after 


https://github.com/user-attachments/assets/08ade250-6130-4c39-a956-85dac9fd6a88

static/app/views/settings/account/accountClose.tsx

@@ -7,6 +7,7 @@ import {openModal} from 'sentry/actionCreators/modal';
 import {fetchOrganizations} from 'sentry/actionCreators/organizations';
 import {Alert} from 'sentry/components/alert';
 import {LinkButton} from 'sentry/components/button';
+import Checkbox from 'sentry/components/checkbox';
 import HookOrDefault from 'sentry/components/hookOrDefault';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
 import Panel from 'sentry/components/panels/panel';
@@ -165,15 +166,23 @@ function AccountClose() {
 
           {organizations?.map(({organization, singleOwner}) => (
             <PanelItem key={organization.slug}>
-              <label>
-                <input
-                  style={{marginRight: 6}}
-                  type="checkbox"
-                  value={organization.slug}
-                  onChange={evt => handleChange(organization, singleOwner, evt)}
+              <label
+                css={{
+                  display: 'flex',
+                  alignItems: 'center',
+                }}
+              >
+                <Checkbox
+                  css={{
+                    marginRight: 6,
+                  }}
                   name="organizations"
                   checked={orgsToRemove.has(organization.slug)}
                   disabled={singleOwner}
+                  value={organization.slug}
+                  onChange={evt => handleChange(organization, singleOwner, evt)}
+                  size="sm"
+                  role="checkbox"
                 />
                 {organization.slug}
               </label>