message: fix: prevent sequence text from wrapping
diff: import React, { useState } from 'react'
  +import styled from 'styled-components'
  +
  import type { AnalysisResult } from 'src/algorithms/types'
  import { getSafeId } from 'src/helpers/getSafeId'
  import { ColumnNameTooltip } from 'src/components/Results/ColumnNameTooltip'
  +export const SequenceName = styled.div`
  + white-space: nowrap;
  + overflow: hidden;
  + text-overflow: ellipsis;
  +`
  +
  export interface ColumnNameProps {
  seqName: string
  sequence?: AnalysisResult
  @@ -15,9 +23,14 @@ export function ColumnName({ seqName, sequence }: ColumnNameProps) {
  const id = getSafeId('sequence-label', { seqName })
  return (
  - <div id={id} className="w-100" onMouseEnter={() => setShowTooltip(true)} onMouseLeave={() => setShowTooltip(false)}>
  + <SequenceName
  + id={id}
  + className="w-100"
  + onMouseEnter={() => setShowTooltip(true)}
  + onMouseLeave={() => setShowTooltip(false)}
  + >
  {seqName}
  {sequence && <ColumnNameTooltip showTooltip={showTooltip} sequence={sequence} />}
  - </div>
  + </SequenceName>
  )
  }
  