feat(issue-details): Add provider specific icon to activities (#80259)

this pr adds the provider's icon to the Create Issue activity for some
providers . default behavior will stay the same

<img width="311" alt="Screenshot 2024-11-05 at 9 46 35 AM"
src="https://github.com/user-attachments/assets/0c881e1a-a584-484f-87a6-93e2682375fb">

static/app/views/issueDetails/streamline/activitySection.tsx

@@ -51,7 +51,9 @@ function TimelineItem({
   );
 
   const iconMapping = groupActivityTypeIconMapping[item.type];
-  const Icon = iconMapping?.Component ?? null;
+  const Icon = iconMapping?.componentFunction
+    ? iconMapping.componentFunction(item.data)
+    : iconMapping?.Component ?? null;
 
   return (
     <ActivityTimelineItem

static/app/views/issueDetails/streamline/groupActivityIcons.tsx

@@ -1,13 +1,18 @@
 import {
   IconAdd,
+  IconAsana,
+  IconBitbucket,
   IconChat,
   IconCheckmark,
   IconClose,
   IconCommit,
   IconDelete,
   IconFire,
   IconFlag,
+  IconGithub,
+  IconGitlab,
   IconGraph,
+  IconJira,
   IconLock,
   IconMute,
   IconNext,
@@ -23,6 +28,7 @@ import {GroupActivityType} from 'sentry/types/group';
 interface IconWithDefaultProps {
   Component: React.ComponentType<any> | null;
   defaultProps: {locked?: boolean; type?: string};
+  componentFunction?: (props: any) => React.ComponentType<any>;
   propsFunction?: (props: any) => any;
 }
 
@@ -50,7 +56,27 @@ export const groupActivityTypeIconMapping: Record<
   [GroupActivityType.SET_PUBLIC]: {Component: IconLock, defaultProps: {}},
   [GroupActivityType.SET_PRIVATE]: {Component: IconLock, defaultProps: {locked: true}},
   [GroupActivityType.SET_REGRESSION]: {Component: IconFire, defaultProps: {}},
-  [GroupActivityType.CREATE_ISSUE]: {Component: IconAdd, defaultProps: {}},
+  [GroupActivityType.CREATE_ISSUE]: {
+    Component: IconAdd,
+    componentFunction: data => {
+      const provider = data.provider;
+      switch (provider) {
+        case 'GitHub':
+          return IconGithub;
+        case 'GitLab':
+          return IconGitlab;
+        case 'Bitbucket':
+          return IconBitbucket;
+        case 'Jira':
+          return IconJira;
+        case 'Asana':
+          return IconAsana;
+        default:
+          return IconAdd;
+      }
+    },
+    defaultProps: {},
+  },
   [GroupActivityType.UNMERGE_SOURCE]: {Component: IconPrevious, defaultProps: {}},
   [GroupActivityType.UNMERGE_DESTINATION]: {Component: IconPrevious, defaultProps: {}},
   [GroupActivityType.FIRST_SEEN]: {Component: IconFlag, defaultProps: {}},