fix(components): robotWorkSpace remove classnames add transform

[jerader]

closes RQA-746

Overview

The deck map rendered in PD should not be upside down, neither should the deckmaps/labware anywhere (such as in labware library)

Test Plan

• in PD make sure that the deck map is not rendered upside down

Changelog

• remove usage of classNames in RobotWorkSpace to only use styled components, fix affected components and remove unnecessary css style sheets

Review requests

see test plan

Risk assessment

low

[codecov]

Codecov Report

Merging #12649 (0a296a6) into edge (548744f) will increase coverage by 0.02%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             edge   #12649      +/-   ##
==========================================
+ Coverage   73.57%   73.59%   +0.02%     
==========================================
  Files        2273     2273              
  Lines       62584    62692     +108     
  Branches     6656     6712      +56     
==========================================
+ Hits        46046    46139      +93     
- Misses      14952    14956       +4     
- Partials     1586     1597      +11     

Flag	Coverage Δ
app	72.27% <ø> (+0.10%)	⬆️
components	67.97% <ø> (ø)
labware-library	49.74% <ø> (ø)
protocol-designer	46.34% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...omponents/src/hardware-sim/Deck/RobotWorkSpace.tsx	0.00% <ø> (ø)
...ware-library/src/components/labware-ui/Gallery.tsx	0.00% <ø> (ø)
...ol-designer/src/components/DeckSetup/DeckSetup.tsx	28.23% <ø> (ø)

... and 4 files with indirect coverage changes

[b-cooper]

Looks great to me 🦖 . Thanks for doing this