style: reposition profile nav unread dot and allow overflow

- Update `.profile-nav__unread-dot` to center vertically and hang off the left edge (-6px).
- Change `.profile-modal__nav` from `overflow-x: hidden` to `visible` to prevent clipping the dot.
- Verified visually via Playwright screenshot.

css/tailwind.source.css

@@ -3006,13 +3006,14 @@
     flex-wrap: wrap;
     gap: var(--profile-modal-nav-gap);
     align-self: flex-start;
-    overflow-x: hidden;
+    overflow-x: visible;
   }
 
   .profile-nav__unread-dot {
     position: absolute;
-    top: var(--space-3xs);
-    right: var(--space-3xs);
+    top: 50%;
+    left: -6px;
+    right: auto;
     width: var(--space-sm);
     height: var(--space-sm);
     border-radius: var(--radius-full);
@@ -3020,6 +3021,7 @@
     background-color: var(--status-danger);
     display: none;
     pointer-events: none;
+    transform: translateY(-50%);
   }
 
   .profile-nav__unread-dot.is-visible {