web: fix scrollbar styling

[RoboMagus]

Details

Closes #11936.
This PR removes unnecessary scrollbars on the .pf-c-card__body class, as well as add scrollbar styling to browsers that do not support the ::-webkit-scrollbar. (Currently on Firefox thick unstyled grey scrollbars show up whenever a container is scrollable)

Note that this only changes the color scheme, as scrollbar thickness styling is not inherited (see this issue) and therefore would require modifying a significant number of classes to add scrollbar-width.

---

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	300deae
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/67e475a3ebac9500082cf1da
😎 Deploy Preview	https://deploy-preview-12600--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 ready!

Name	Link
🔨 Latest commit	300deae
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/67e475a36a7ad1000855132a
😎 Deploy Preview	https://deploy-preview-12600--authentik-docs.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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.76%. Comparing base (27aed4b) to head (300deae).
Report is 324 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #12600   +/-   ##
=======================================
  Coverage   92.75%   92.76%           
=======================================
  Files         794      794           
  Lines       40545    40545           
=======================================
+ Hits        37609    37610    +1     
+ Misses       2936     2935    -1     

Flag	Coverage Δ
e2e	47.99% <ø> (+0.05%)	⬆️
integration	24.28% <ø> (ø)
unit	90.54% <ø> (ø)

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.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[kensternberg-authentik]

@RoboMagus : Quick question; where would I go in the UI to observe the changes you made?

[RoboMagus]

See linked issue #11936
Its mostly the main admin dashboard that is affected

[notion-workspace]

Unnecessary scrollbars in Admin pages [Firefox]

[melizeche]

I tested this and it works as expected, no unnecessary scrollbars in Firefox
@kensternberg-authentik can you take a look to approve this please?

[kensternberg-authentik]

Good work, but what does it mean if the browser doesn't support @supports ?

[melizeche]

@kensternberg-authentik seems that's pretty well supported in all major browsers, probably many other things also could be broken in a really old browser
https://caniuse.com/mdn-css_at-rules_supports_selector