Mem 1331 page user stories

[KenzoBenzo]

No description provided.

[linear]

MEM-1331 page: User stories

• Recordings: https://beta.framer.com/share/Explorations--hnxrMw0TrtlrfVJsz79j/UtiNfOho4
• Test cases: https://beta.framer.com/share/Explorations--hnxrMw0TrtlrfVJsz79j/A3gnoOBI0

When a recording or test case is clicked, the modals in this prototype will pop up https://beta.framer.com/share/Explorations--hnxrMw0TrtlrfVJsz79j/dmJhV8_cx. If test cases, the 'Expected' and 'reject' buttons wont exist.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/meeshkanml/webapp/es2s684r7
✅ Preview: https://webapp-git-mem-1331-page-user-stories.meeshkanml.vercel.app

[k4m4]

Hey, @KenzoBenzo! A lot of great work in this PR! I have made a few suggestions above - of course, they're only suggestions, some of which might be somewhat opinionated (all to say that you're free to ignore them).
Also, here are a few more general issues/recommendations:

• The pagination loading bar appears in the wrong position when the user has scrolled down: loom.com/share/aa92291dda404c19bd345ae8eb9c759d.
• Sometimes the 'records to show' count glitches and shows the wrong value (for instance, here it says 40, but there are in fact only 5 user stories being shown):

• The Getting started page becomes vertically scrollable once the 'records to show' count is greater than 10 (for my screen size - viewport 1308px × 691px and screen size: 1440px × 900px):

• There is no scroll bar on the paginated table.

• The "recordings" to "test cases" tab animation glitches out (I believe when the 'records to show' count is greater than 10): loom.com/share/ed63fb3eb28d4572ad1abc904e73b8a6 (note that when I was repeatedly clicking on "Recordings" in the video, at the point where I'm hovering over the button).

• Perhaps it makes sense to make the table's column titles position static, so that they don't get hidden on scroll.