fix(ui): text clipping on document header title with Segoe UI font (#7774)

## Description

Fixes text clipping that occurs on the document header title when Segoe
UI font is used in the admin panel.

- [x] I have read and understand the
[CONTRIBUTING.md](https://github.com/payloadcms/payload/blob/main/CONTRIBUTING.md)
document in this repository.

## Type of change

<!-- Please delete options that are not relevant. -->

- [x] Bug fix (non-breaking change which fixes an issue)

## Checklist:

- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] Existing test suite passes locally with my changes
- [ ] I have made corresponding changes to the documentation

Author: tylandavis

packages/next/src/elements/DocumentHeader/index.scss

@@ -27,7 +27,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0;
-    padding-bottom: base(0.2);
+    padding-bottom: base(0.4);
     line-height: 1;
     vertical-align: top;
   }