ref(feedback): add tooltip to activity section clarifying its purpose (…

…#63474)

Closes #63438
<img width="725" alt="SCR-20240118-luzb"
src="https://github.com/getsentry/sentry/assets/56095982/8e8e33cc-a42a-464a-98d5-3eef2f3d8833">

static/app/components/feedback/feedbackItem/feedbackItem.tsx

@@ -12,6 +12,7 @@ import ReplaySection from 'sentry/components/feedback/feedbackItem/replaySection
 import TagsSection from 'sentry/components/feedback/feedbackItem/tagsSection';
 import PanelItem from 'sentry/components/panels/panelItem';
 import {Flex} from 'sentry/components/profiling/flex';
+import QuestionTooltip from 'sentry/components/questionTooltip';
 import TextCopyInput from 'sentry/components/textCopyInput';
 import {replayPlatforms} from 'sentry/data/platformCategories';
 import {IconChat, IconFire, IconLink, IconPlay, IconTag} from 'sentry/icons';
@@ -97,7 +98,20 @@ export default function FeedbackItem({feedbackItem, eventData, tags}: Props) {
           <TagsSection tags={tags} />
         </Section>
 
-        <Section icon={<IconChat size="xs" />} title={t('Activity')}>
+        <Section
+          icon={<IconChat size="xs" />}
+          title={
+            <Fragment>
+              {t('Activity')}
+              <QuestionTooltip
+                size="xs"
+                title={t(
+                  'Use this section to post comments that are visible only to your organization. It will also automatically update when someone resolves or assigns the feedback.'
+                )}
+              />
+            </Fragment>
+          }
+        >
           <FeedbackActivitySection feedbackItem={feedbackItem} />
         </Section>
       </OverflowPanelItem>

static/app/components/feedback/feedbackItem/feedbackItemSection.tsx

@@ -34,7 +34,7 @@ export default function Section({
   contentRight,
 }: {
   children: ReactNode;
-  title: string;
+  title: ReactNode;
   contentRight?: ReactNode;
   icon?: ReactNode;
 }) {