fix(md-render): inline code inherits heading size in mothership/templates/changelog

Author: waleedlatif1

apps/sim/app/changelog/components/timeline-list.tsx

@@ -195,7 +195,7 @@ export default function ChangelogList({ initialEntries }: Props) {
                   </strong>
                 ),
                 inlineCode: ({ children }) => (
-                  <code className='rounded bg-[var(--landing-bg-elevated)] px-1 py-0.5 font-mono text-[var(--landing-text)] text-xs'>
+                  <code className='whitespace-normal rounded bg-[var(--landing-bg-elevated)] px-1 py-0.5 font-mono text-[var(--landing-text)] not-italic'>
                     {children}
                   </code>
                 ),

apps/sim/app/templates/[id]/template.tsx

@@ -887,7 +887,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
                     ),
                     li: ({ children }) => <li className='leading-[1.4rem]'>{children}</li>,
                     inlineCode: ({ children }) => (
-                      <code className='rounded bg-muted px-1.5 py-0.5 font-mono text-[var(--caution)] text-xs'>
+                      <code className='whitespace-normal rounded bg-muted px-1.5 py-0.5 font-mono text-[var(--caution)] not-italic'>
                         {children}
                       </code>
                     ),

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx

@@ -217,7 +217,7 @@ const MARKDOWN_COMPONENTS = {
   },
   inlineCode({ children }: { children?: React.ReactNode }) {
     return (
-      <code className='rounded bg-[var(--surface-5)] px-1.5 py-0.5 font-[400] font-mono text-[var(--text-primary)] text-small before:content-none after:content-none'>
+      <code className='whitespace-normal rounded bg-[var(--surface-5)] px-1.5 py-0.5 font-[400] font-mono text-[var(--text-primary)] not-italic before:content-none after:content-none'>
         {children}
       </code>
     )