supabase / supabase / 42534925025

87%

push

github

fix(studio): centre the account recovery interstitial (#53073)

## Problem

The account recovery interstitial sits too high on tall screens because
it overrides the shared layout with fixed top padding.

## Solution

Use the shared interstitial layout's vertical centring for the reminder,
loading and unavailable states.

| Before | After |
| --- | --- |
| <img width="1451" height="957" alt="69167"
src="https://github.com/user-attachments/assets/b473a983-93a9-4c57-866c-5ce6dd02dddf"
/> | <img width="1280" height="1323" alt="Organizations Supabase"
src="https://github.com/user-attachments/assets/fe0af974-36fb-4edf-adfd-abfa75c22038"
/> |

## Review instructions

1. Use this PR's
**[studio-staging](https://studio-staging-git-dnywh-fixrecovery-interstiti-efb132-supabase.vercel.app/)**
preview with `enableAccountRecoveryInterstitial` and
`enableAuthRecoveryCodes` enabled. Sign in with a non-SSO test account
that has MFA but no recovery codes, and complete MFA verification.
2. If the account has previously skipped the reminder, remove its
`account-recovery-reminder:<user-id>` entry from local storage on this
preview origin, then reload.
3. Open `/dashboard/organizations` The reminder appears over the
dashboard after its background checks finish. Confirm the card is
vertically centred on a tall desktop viewport.
4. Use a narrow viewport, a short viewport and 200% browser zoom.
Confirm all content and **Skip for now** remain reachable by scrolling
when needed. Skip rather than generating codes if you do not want to
change the test account.

2070 of 2439 branches covered (84.87%)

Branch coverage included in aggregate %.

2863 of 3223 relevant lines covered (88.83%)

200.36 hits per line