fix: Admin UI error Auth redirect

[DarianM]

Changes proposed in this pull request

Using the Form with redirectDocument(loginUrl); By using remix's action function and redirectDocument instead of href, the server processes the request, retrieves the necessary information (such as flow parameters from Ory Kratos), and provides the correct redirect response. The form submit allows remix to handle this routing server-side, ensuring the full URL is correctly generated.

The href attribute instead tries to directly navigate to the link client-side. If variables.kratosBrowserPublicUrl is undefined or not available at runtime, Remix will interpret it as undefined, creating the localhost:3010/undefined/self-service/login/browser URL.

Context

What were you trying to do?
fixes #2840

[netlify]

✅ Deploy Preview for brilliant-pasca-3e80ec canceled.

Name	Link
🔨 Latest commit	3ea6a45
🔍 Latest deploy log	https://app.netlify.com/sites/brilliant-pasca-3e80ec/deploys/6728abddff018200081e0efd

[JoblersTune]

Suggested change

	<Button aria-label='logout' type='submit' className='mr-2'>
	<Button aria-label='login' type='submit' className='mr-2'>

[JoblersTune]

@DarianM thanks for the fix! Would you mind please moving the action function below the default export function to match the styling throughout the frontend codebase. We usually stick to loader, then default export, and then action function below that.