feat(perf): Minor fixes to Requests view I (#69156)

- **Fix layout of onboarding panel**
- **Provide correct span op**
  This makes the time spent descriptions more precise.
  
- **`formatPercentage` `minimumValue` option**
  Just like `formatRate`!
  
- **Support minimum values in metric readouts**
- **Add bottom padding to detail panel**

Author: gggritso

static/app/views/performance/http/domainTransactionsTable.tsx

@@ -187,9 +187,12 @@ function renderBodyCell(
 
   const renderer = getFieldRenderer(column.key, meta.fields, false);
 
-  return renderer(row, {
-    location,
-    organization,
-    unit: meta.units?.[column.key],
-  });
+  return renderer(
+    {...row, 'span.op': 'http.client'},
+    {
+      location,
+      organization,
+      unit: meta.units?.[column.key],
+    }
+  );
 }

static/app/views/performance/http/domainsTable.tsx

@@ -188,9 +188,15 @@ function renderBodyCell(
 
   const renderer = getFieldRenderer(column.key, meta.fields, false);
 
-  return renderer(row, {
-    location,
-    organization,
-    unit: meta.units?.[column.key],
-  });
+  return renderer(
+    {
+      'span.op': 'http.client',
+      ...row,
+    },
+    {
+      location,
+      organization,
+      unit: meta.units?.[column.key],
+    }
+  );
 }

static/app/views/performance/http/httpDomainSummaryPage.tsx

@@ -238,7 +238,7 @@ export function HTTPDomainSummaryPage() {
                     unit={DurationUnit.MILLISECOND}
                     tooltip={getTimeSpentExplanation(
                       domainMetrics?.[0]?.['time_spent_percentage()'],
-                      'db'
+                      'http'
                     )}
                     isLoading={areDomainMetricsLoading}
                   />

static/app/views/performance/http/httpLandingPage.tsx

@@ -159,7 +159,9 @@ export function HTTPLandingPage() {
             </ModuleLayout.Full>
 
             {onboardingProject && (
-              <Onboarding organization={organization} project={onboardingProject} />
+              <ModuleLayout.Full>
+                <Onboarding organization={organization} project={onboardingProject} />
+              </ModuleLayout.Full>
             )}
 
             {!onboardingProject && (

static/app/views/performance/http/httpSamplesPanel.tsx

@@ -349,7 +349,7 @@ export function HTTPSamplesPanel() {
                 unit={DurationUnit.MILLISECOND}
                 tooltip={getTimeSpentExplanation(
                   domainTransactionMetrics?.[0]?.['time_spent_percentage()'],
-                  'db'
+                  'http.client'
                 )}
                 isLoading={areDomainTransactionMetricsFetching}
               />

static/app/views/starfish/components/detailPanel.tsx

@@ -147,5 +147,5 @@ const CloseButtonWrapper = styled('div')`
 `;
 
 const DetailWrapper = styled('div')`
-  padding: 0 ${space(4)};
+  padding: 0 ${space(4)} ${space(4)};
 `;