Rework window sizes to resolve squished pages

[brianlove]

Rework window size detection to prevent desktop pages from loading in a "squished" state before adjusting, at the expense of mobile pages briefly showing the table of contents before it is hidden. Closes #240.

Fix several cases of keys not being present in loops. Updated browserslist DB.

@za158 @jmelot Video showing the TOC-on-mobile situation that results from this PR:

Screen.Recording.2024-06-21.at.9.49.34.AM.mov

[github-actions]

No need for rebasing 👍
behind_count is 0
ahead_count is 1

[github-actions]

☂️ Python Coverage

current status: ✅

Overall Coverage

Lines	Covered	Coverage	Threshold	Status
597	426	71%	0%	🟢

New Files

No new covered files...

Modified Files

No covered modified files...

updated for commit: 1eaba90 by action🐍

[github-actions]

JavaScript Coverage

Summary

Lines	Statements	Branches	Functions
	68.07% (420/617)	55.88% (223/399)	69.94% (135/193)

Modified Files • (67%)

File	% Stmts	% Branch	% Funcs	% Lines	Uncovered Line #s
All files	68.07	55.88	69.94	67.86
components	63.51	54.85	64.44	63.06
AddRemoveColumnDialog.jsx	93.33	87.5	87.5	93.1	122, 142
util	83.15	52.63	84.84	86.04
useWindowSize.js	93.75	50	100	93.33	16

[za158]

seems alright, few (<20%) of our users are on mobile --- Zachary Arnold Analytic Lead, Emerging Technology Observatory (web <http://eto.tech> | LinkedIn <https://www.linkedin.com/company/emerging-technology-observatory> | Substack <http://etoblog.substack.com>) Center for Security and Emerging Technology ***@***.***

…

On Fri, Jun 21, 2024 at 10:10 AM github-actions[bot] < ***@***.***> wrote: JavaScript Coverage Summary Lines Statements Branches Functions [image: Coverage: 67%] <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/README.md> 68.07% (420/617) 55.88% (223/399) 69.94% (135/193) Modified Files • (*67%* ) File% Stmts% Branch% Funcs% LinesUncovered Line #s *All files* *68.07* *55.88* *69.94* *67.86* components 63.51 54.85 64.44 63.06 AddRemoveColumnDialog.jsx <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/web/gui-v2/src/components/AddRemoveColumnDialog.jsx> 93.33 87.5 87.5 93.1 122 <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/web/gui-v2/src/components/AddRemoveColumnDialog.jsx#L122>, 142 <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/web/gui-v2/src/components/AddRemoveColumnDialog.jsx#L142> util 83.15 52.63 84.84 86.04 useWindowSize.js <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/web/gui-v2/src/util/useWindowSize.js> 93.75 50 100 93.33 16 <https://github.com/georgetown-cset/parat/blob/1eaba9004e4fc0f04aeedd2e5b7eee547e9b9970/web/gui-v2/src/util/useWindowSize.js#L16> — Reply to this email directly, view it on GitHub <#448 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AOAZR66665E3QNM4Q42R523ZIQX4BAVCNFSM6AAAAABJWAGTZOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCOBSHAZTAOBXG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[jmelot]

🤩

We'll see what Zach thinks when it's on the dev site, but I think the mobile version of the weirdness is less noticeable/problematic