fix(segmentedControl): Vertically align label text (#44075)

**Before ——**
<img width="420" alt="Screenshot 2023-02-02 at 3 27 39 PM"
src="https://user-images.githubusercontent.com/44172267/216474113-894b7ed2-f15a-4cbe-8807-d3cf1a7865fd.png">

**After ——**
<img width="420" alt="Screenshot 2023-02-02 at 3 28 16 PM"
src="https://user-images.githubusercontent.com/44172267/216474137-dece9321-de7e-43c1-b8a7-14f34caf2049.png">

static/app/components/segmentedControl.tsx

@@ -199,7 +199,7 @@ const SegmentWrap = styled('label')<{
   isDisabled?: boolean;
 }>`
   position: relative;
-  display: block;
+  display: flex;
   margin: 0;
   border-radius: calc(${p => p.theme.borderRadius} - 1px);
   cursor: ${p => (p.isDisabled ? 'default' : 'pointer')};