message: fix(app): remove array brackets in devices landing page jsx
  Stray array brackets in the device landing page jsx were causing a console key error. also refactors
  to unnest a ternary
diff: @@ -88,19 +88,14 @@ export function DevicesLanding(): JSX.Element {
  <NewRobotSetupHelp />
  </Flex>
  {isScanning && noRobots ? <DevicesLoadingState /> : null}
  - {!isScanning && noRobots ? (
  - <DevicesEmptyState />
  - ) : (
  - [
  - !noRobots ? (
  + {!isScanning && noRobots ? <DevicesEmptyState /> : null}
  + {!noRobots ? (
  <>
  <CollapsibleSection
  marginY={SPACING.spacing3}
  title={t('available', {
  - count: [
  - ...healthyReachableRobots,
  - ...unhealthyReachableRobots,
  - ].length,
  + count: [...healthyReachableRobots, ...unhealthyReachableRobots]
  + .length,
  })}
  >
  {healthyReachableRobots.map(robot => (
  @@ -123,19 +118,14 @@ export function DevicesLanding(): JSX.Element {
  isExpandedInitially={healthyReachableRobots.length === 0}
  >
  {recentlySeenRobots.map(robot => (
  - <RobotCard
  - key={robot.name}
  - robot={{ ...robot, local: null }}
  - />
  + <RobotCard key={robot.name} robot={{ ...robot, local: null }} />
  ))}
  {unreachableRobots.map(robot => (
  <RobotCard key={robot.name} robot={robot} />
  ))}
  </CollapsibleSection>
  </>
  - ) : null,
  - ]
  - )}
  + ) : null}
  </Box>
  )
  }
  