feat(traces): Set page title to saved query name (#103633)

This PR tweaks the spans page to set the document title name to that of
the saved query if present. This should aid users with finding the
correct tab in their browser.

Author: nsdeschenes

static/app/views/explore/spans/content.tsx

@@ -39,9 +39,8 @@ export function ExploreContent() {
   Sentry.setTag('explore.visited', 'yes');
 
   const organization = useOrganization();
-  const datePageFilterProps = limitMaxPickableDays(organization);
-
   const onboardingProject = useOnboardingProject();
+  const datePageFilterProps = limitMaxPickableDays(organization);
 
   return (
     <SentryDocumentTitle title={t('Traces')} orgSlug={organization?.slug}>
@@ -119,11 +118,18 @@ function ExploreTagsProvider({children}: SpansTabContextProps) {
 function SpansTabHeader() {
   const id = useQueryParamsId();
   const title = useQueryParamsTitle();
+  const organization = useOrganization();
   const {data: savedQuery} = useGetSavedQuery(id);
 
+  const hasSavedQueryTitle =
+    defined(id) && defined(savedQuery) && savedQuery.name.length > 0;
+
   return (
     <Layout.Header unified>
       <Layout.HeaderContent unified>
+        {hasSavedQueryTitle ? (
+          <SentryDocumentTitle title={savedQuery.name} orgSlug={organization?.slug} />
+        ) : null}
         {title && defined(id) ? (
           <ExploreBreadcrumb traceItemDataset={TraceItemDataset.SPANS} />
         ) : null}