I removed the "Forgot your password" link from my login page by setting forgotten_password: "" in the localization settings. I added the code below to just above the preferred OAuth providers section

     // remove forgotten pasword links/section for now
            localization={{
              variables: {
                // @ts-expect-error
                forgotten_password: "" // Try direct property
              }
            }}

I was able to do this because of the way Supabase Auth is organized into different screens or "views" that users can navigate between.

• The sign-in view

• The sign-up view

• The forgotten password view

Each view has a label that serves two purposes:

1. It determines what text appears on the button or link to access that view

2. It controls whether that view is accessible at all

I was using TS so had to use @ts-ignore for now as it created a linting error but i don't want to delve into that as i will add that functionality back anyway.