feat(ourlogs): Add link to change timezone in logs tooltip (#97730)

### Summary
People have been asking for a way to see their logs in local time, this
should hint towards users setting their own local timezone.


#### Screenshots

<img width="274" height="130" alt="Screenshot 2025-08-12 at 6 08 41 PM"
src="https://github.com/user-attachments/assets/dc84c630-d7c8-4d3d-a495-528fa5244183"
/>

Author: k-fish

static/app/utils/analytics/logsAnalyticsEvent.tsx

@@ -61,6 +61,9 @@ export type LogsAnalyticsEventParameters = {
     log_id: string;
     page_source: LogsAnalyticsPageSource;
   };
+  'logs.timestamp_tooltip.add_timezone_clicked': {
+    organization: Organization;
+  };
   'logs.tracing_onboarding': {
     organization: Organization;
     platform: PlatformKey | 'unknown';
@@ -85,6 +88,8 @@ export const logsAnalyticsEventMap: Record<LogsAnalyticsEventKey, string | null>
   'logs.explorer.metadata': 'Log Explorer Pageload Metadata',
   'logs.onboarding': 'Logs Explore Empty State (Onboarding)',
   'logs.issue_details.drawer_opened': 'Issues Page Logs Drawer Opened',
+  'logs.timestamp_tooltip.add_timezone_clicked':
+    'Logs Timestamp Tooltip Add Timezone Clicked',
   'logs.table.row_expanded': 'Expanded Log Row Details',
   'logs.tracing_onboarding': 'Logs Tracing Onboarding',
   'logs.tracing_onboarding_performance_docs_viewed':

static/app/views/explore/logs/logsTimeTooltip.tsx

@@ -1,4 +1,5 @@
 import React, {Fragment} from 'react';
+import {Link} from 'react-router-dom';
 import styled from '@emotion/styled';
 
 import AutoSelectText from 'sentry/components/autoSelectText';
@@ -7,6 +8,8 @@ import {DateTime} from 'sentry/components/dateTime';
 import {useTimezone} from 'sentry/components/timezoneProvider';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
+import {trackAnalytics} from 'sentry/utils/analytics';
+import useOrganization from 'sentry/utils/useOrganization';
 import {OurLogKnownFieldKey} from 'sentry/views/explore/logs/types';
 
 type Props = {
@@ -24,6 +27,7 @@ function TimestampTooltipBody({
   timestamp: string | number;
 }) {
   const currentTimezone = useTimezone();
+  const organization = useOrganization();
   const preciseTimestamp = attributes[OurLogKnownFieldKey.TIMESTAMP_PRECISE];
   const preciseTimestampMs = preciseTimestamp
     ? Number(preciseTimestamp) / 1_000_000
@@ -37,7 +41,7 @@ function TimestampTooltipBody({
       : null;
   const observedTime = observedTimeMs ? new Date(observedTimeMs) : null;
 
-  const isUTC = currentTimezone === 'UTC';
+  const isUTCLocalTimezone = currentTimezone === 'UTC';
 
   return (
     <DescriptionList>
@@ -47,7 +51,7 @@ function TimestampTooltipBody({
           <AutoSelectText>
             <DateTime date={timestampToUse} seconds milliseconds timeZone />
           </AutoSelectText>
-          {!isUTC && (
+          {!isUTCLocalTimezone && (
             <AutoSelectText>
               <DateTime date={timestampToUse} seconds milliseconds timeZone utc />
             </AutoSelectText>
@@ -57,6 +61,25 @@ function TimestampTooltipBody({
           </TimestampLabel>
         </TimestampValues>
       </dd>
+      {isUTCLocalTimezone && (
+        <Fragment>
+          <dt />
+          <TimestampLabelLinkContainer>
+            <TimestampLabelLink
+              target="_blank"
+              to="/settings/account/details/#timezone"
+              onClick={() =>
+                trackAnalytics('logs.timestamp_tooltip.add_timezone_clicked', {
+                  organization,
+                })
+              }
+            >
+              <br />
+              {t('Add your local timezone')}
+            </TimestampLabelLink>
+          </TimestampLabelLinkContainer>
+        </Fragment>
+      )}
 
       {observedTime && (
         <Fragment>
@@ -128,6 +151,14 @@ const HorizontalRule = styled('hr')`
   border-top: 1px solid ${p => p.theme.border};
 `;
 
+const TimestampLabelLink = styled(Link)`
+  line-height: 0.8;
+`;
+
 const TimestampLabel = styled('span')`
   color: ${p => p.theme.gray400};
 `;
+
+const TimestampLabelLinkContainer = styled('dd')`
+  line-height: 0.8;
+`;