Fix drawing inverted CIGAR segments on dotplot

[cmdcolin]

Example link
http://jbrowse.org/code/jb2/fix_inverted_cigar_dotplot/?config=test_data%2Fconfig_dotplot.json&session=share-6ilxWDe7Ts&password=DQxxV

Note the top view actually has query and target backwards (and produces warnings), and the bottom one has it right (and has no warnings)

[codecov]

Codecov Report

Merging #3170 (4ced53f) into main (7ed81c2) will increase coverage by 0.04%.
The diff coverage is 73.33%.

@@            Coverage Diff             @@
##             main    #3170      +/-   ##
==========================================
+ Coverage   59.45%   59.50%   +0.04%     
==========================================
  Files         671      671              
  Lines       28628    28633       +5     
  Branches     6926     6927       +1     
==========================================
+ Hits        17022    17039      +17     
+ Misses      11284    11272      -12     
  Partials      322      322              

Impacted Files	Coverage Δ
...otplot-view/src/DotplotRenderer/DotplotRenderer.ts	77.21% <42.85%> (+2.53%)	⬆️
...s/breakpoint-split-view/src/BreakpointSplitView.ts	71.69% <100.00%> (ø)
...breakpoint-split-view/src/components/Breakends.tsx	88.09% <100.00%> (ø)
products/jbrowse-web/src/tests/util.tsx	93.93% <100.00%> (+0.09%)	⬆️
plugins/hic/src/HicRenderer/HicRenderer.tsx	95.45% <0.00%> (-4.55%)	⬇️
...lot-view/src/DotplotView/components/ImportForm.tsx	67.53% <0.00%> (ø)
packages/core/util/layouts/GranularRectLayout.ts	87.28% <0.00%> (+0.42%)	⬆️
...FeatureRenderer/components/ProcessedTranscript.tsx	88.73% <0.00%> (+1.40%)	⬆️
packages/core/util/Base1DUtils.ts	97.00% <0.00%> (+2.00%)	⬆️
...rarchicalTrackSelectorWidget/components/Header.tsx	43.47% <0.00%> (+2.17%)	⬆️
... and 4 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[cmdcolin]

added a canvas-snapshot integration test for drawing an inverted alignment now

also went through and typescript-ified a bunch of the integration tests