feat: switch to new dialog gutter

app/routes/settings/dialogs/expire.tsx

@@ -33,7 +33,7 @@ export default function ExpireKey({ authKey }: Props) {
 								from being used to authenticate new devices. This action cannot
 								be undone.
 							</Dialog.Text>
-							<div className="mt-6 flex justify-end gap-2 mt-6">
+							<Dialog.Gutter>
 								<Dialog.Action variant="cancel" onPress={close}>
 									Cancel
 								</Dialog.Action>
@@ -52,7 +52,7 @@ export default function ExpireKey({ authKey }: Props) {
 									)}
 									Expire
 								</Dialog.Action>
-							</div>
+							</Dialog.Gutter>
 						</fetcher.Form>
 					</>
 				)}

app/routes/settings/dialogs/new.tsx

@@ -124,7 +124,7 @@ export default function AddPreAuthKey(data: Props) {
 								name="ephemeral"
 								value={ephemeral.toString()}
 							/>
-							<div className="mt-6 flex justify-end gap-2 mt-6">
+							<Dialog.Gutter>
 								<Dialog.Action variant="cancel" onPress={close}>
 									Cancel
 								</Dialog.Action>
@@ -138,7 +138,7 @@ export default function AddPreAuthKey(data: Props) {
 									)}
 									Generate
 								</Dialog.Action>
-							</div>
+							</Dialog.Gutter>
 						</fetcher.Form>
 					</>
 				)}