Center gauge vertically in provider row

- Add center alignment to HStack containing usage badge
- Increase minimum height for better vertical centering
- Add center alignment to usage display within badge
- Improves visual balance of progress bar in popover

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: steipete

VibeMeter/Presentation/Components/ProviderSpendingRowView.swift

@@ -35,12 +35,12 @@ struct ProviderSpendingRowView: View {
             mainProviderRow
 
             // Show usage data and optionally last refresh on second line
-            HStack {
+            HStack(alignment: .center) {
                 // Align with icon column above (20px wide from mainProviderRow)
                 Color.clear
                     .frame(width: 20)
 
-                // Usage data badge with extended progress bar
+                // Usage data badge with extended progress bar - centered vertically
                 ProviderUsageBadgeView(
                     provider: provider,
                     spendingData: spendingData,
@@ -60,7 +60,7 @@ struct ProviderSpendingRowView: View {
                         .foregroundStyle(.quaternary)
                 }
             }
-            .frame(minHeight: showTimestamp ? 12 : 16) // Slightly taller when no timestamp
+            .frame(minHeight: showTimestamp ? 18 : 20) // Increase height for better centering
         }
         .padding(.horizontal, 6)
         .padding(.vertical, 2) // Reduce vertical padding

VibeMeter/Presentation/Components/ProviderUsageBadgeView.swift

@@ -40,7 +40,7 @@ struct ProviderUsageBadgeView: View {
         let progress = min(Double(usageData.currentRequests) / Double(maxRequests), 1.0)
         let percentUsed = Int(progress * 100)
 
-        return HStack(spacing: 6) {
+        return HStack(alignment: .center, spacing: 6) {
             progressBar(progress: progress)
             usageText(current: usageData.currentRequests, max: maxRequests)
             Spacer()