web/flows: clean up loading, syntax and transitions

[BeryJu]

Details

REPLACE ME

---

Checklist

• Local tests pass (ak test authentik/)
• The code has been formatted (make lint-fix)

If an API change has been made

• The API schema has been updated (make gen-build)

If changes to the frontend have been made

• The code has been formatted (make web)

If applicable

• The documentation has been updated
• The documentation has been formatted (make website)

[netlify]

✅ Deploy Preview for authentik-storybook ready!

Name	Link
🔨 Latest commit	b04d5ba
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/66bf3d559eef930008875d5a
😎 Deploy Preview	https://deploy-preview-10792--authentik-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for authentik-docs canceled.

Name	Link
🔨 Latest commit	b04d5ba
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/66bf3d551179930008447fdc

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.67%. Comparing base (4b21588) to head (b04d5ba).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #10792   +/-   ##
=======================================
  Coverage   92.67%   92.67%           
=======================================
  Files         736      736           
  Lines       36277    36276    -1     
=======================================
  Hits        33618    33618           
+ Misses       2659     2658    -1     

Flag	Coverage Δ
e2e	49.25% <0.00%> (+<0.01%)	⬆️
integration	25.10% <0.00%> (+<0.01%)	⬆️
unit	90.21% <100.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

authentik PR Installation instructions

Instructions for docker-compose

Add the following block to your .env file:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-b04d5ba98cb42d5be0cbd1d99ee86eabbf989644
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

For arm64, use these values:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-b04d5ba98cb42d5be0cbd1d99ee86eabbf989644-arm64
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

Afterwards, run the upgrade commands from the latest release notes.

Instructions for Kubernetes

Add the following block to your values.yml file:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-b04d5ba98cb42d5be0cbd1d99ee86eabbf989644

For arm64, use these values:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-b04d5ba98cb42d5be0cbd1d99ee86eabbf989644-arm64

Afterwards, run the upgrade commands from the latest release notes.