web/admin: Refine navigation (#12441)

* fix spacing if there's no icon in page header

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* add a very slight bar

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* rework navigation to be similar between interfaces

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix subpath and rendering

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix display

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* add version to sidebar

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* make page header sticky?

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* unrelated: hide session in system api

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* unrelated: add unidecode for policies

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

#5859

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

web/src/common/styles/theme-dark.css

@@ -3,6 +3,7 @@
     --ak-global--Color--100: var(--ak-dark-foreground) !important;
     --pf-c-page__main-section--m-light--BackgroundColor: var(--ak-dark-background-darker);
     --pf-global--link--Color: var(--ak-dark-foreground-link) !important;
+    --pf-global--BorderColor--100: var(--ak-dark-background-lighter) !important;
 }
 body {
     background-color: var(--ak-dark-background) !important;
@@ -31,9 +32,6 @@ body {
 .notification-trigger {
     background-color: transparent !important;
 }
-.pf-c-page__main-section.pf-m-light {
-    background-color: transparent;
-}
 .pf-c-content {
     color: var(--ak-dark-foreground);
 }

web/src/common/ui/config.ts

@@ -7,6 +7,7 @@ export enum UserDisplay {
     username = "username",
     name = "name",
     email = "email",
+    none = "none",
 }
 
 export enum LayoutType {