fix: remove duplicate information in trainee team selector

  Card,

  CardList,

  Classes,

  Elevation,

  NonIdealState,

  Section,

  SectionCard,

  SectionCard

} from '@blueprintjs/core'

import { ChevronRight } from '@blueprintjs/icons'

import { css } from '@emotion/css'

  }

  return (

    <Section

      title='Trainee Team Selection'

      rightElement={<Reloader minimal fill />}

      elevation={Elevation.ONE}

    >

      <Section title='Team Selection' rightElement={<Reloader minimal fill />}>

    <Section title='Trainee Team Selection' rightElement={<Reloader minimal fill />}>

      {exercises.length === 0 && (

        <div style={{ padding: '1rem' }}>

          <NonIdealState

          />

        </div>

      )}

        {exercises.filter(notEmpty).map(exercise => (

      {exercises.map(exercise => (

        <SectionCard padded key={exercise.id}>

          <h3

            style={{ paddingBottom: '1rem' }}

            >{`Exercise ${exercise.name}`}</h3>

          >{`Exercise: ${exercise.name}`}</h3>

          <CardList bordered>

            {exercise.teams.map((team: Team) => (

              <Card

                  teamId={team.id}

                  teamName={team.name}

                  teamRole={team.role}

                    exerciseName={exercise.name}

                />

                <ChevronRight className={Classes.TEXT_MUTED} />

              </Card>

        </SectionCard>

      ))}

    </Section>

    </Section>

  )

}