fix(conversations): Fix TS errors, lint issues, and remove unused drawer files

- Add conversationId to ParamKeys for useParams type safety
- Remove unnecessary non-null assertions in conversationDetail and layout
- Fix Flex justify/align values to use design system tokens
- Fix IconUser to use variant prop instead of removed color prop
- Fix padding token from "none" to "0"
- Delete unused conversationDrawer and useUrlConversationDrawer files
- Remove unused useConversationDrawerQueryState export

Author: obostjancic

static/app/utils/useParams.tsx

@@ -22,6 +22,7 @@ type ParamKeys =
   | 'broadcastId'
   | 'clientID'
   | 'codeId'
+  | 'conversationId'
   | 'dashboardId'
   | 'dataExportId'
   | 'dataForwarderId'

static/app/views/insights/pages/conversations/components/conversationDrawer.spec.tsx

@@ -214,7 +214,7 @@ const BodyCell = memo(function BodyCell({
       return (
         <Tooltip title={displayName} showOnlyOnOverflow>
           <Flex align="center" gap="xs" minWidth={0}>
-            <IconUser size="md" color="subText" />
+            <IconUser size="md" variant="muted" />
             <Text ellipsis>{displayName}</Text>
           </Flex>
         </Tooltip>

static/app/views/insights/pages/conversations/components/conversationDrawer.tsx

@@ -50,7 +50,7 @@ function ConversationDetailContent() {
 
   const conversation = useMemo(
     () => ({
-      conversationId: conversationId!,
+      conversationId,
       startTimestamp: queryState.start ?? undefined,
       endTimestamp: queryState.end ?? undefined,
     }),
@@ -72,11 +72,11 @@ function ConversationDetailContent() {
         width="full"
         style={{display: 'flex', flexDirection: 'column', flex: 1}}
       >
-        <Flex direction="column" gap="md" padding="none none xl none">
+        <Flex direction="column" gap="md" padding="0 0 xl 0">
           <ConversationSummary
             nodes={nodes}
             nodeTraceMap={nodeTraceMap}
-            conversationId={conversationId!}
+            conversationId={conversationId}
             isLoading={isLoading}
           />
         </Flex>