Revert ExamPage BottomAppBar to previous version (0.16.x)

[nucleogenesis]

Summary

In light of #12151 this PR reverses changes done in #11658 to the BottomAppBar in ExamPage.

Updated:

Reviewer guidance

View the same quiz in 0.16 and this PR and see that the bottom app bar looks the same.

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-.pex
Windows Installer (EXE)	kolibri-0.16.2b1.dev0+git.1080.gcb44a123-windows-setup-unsigned.exe
Debian Package	kolibri_0.16.2b1.dev0+git.1080.gcb44a123-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.2b1.dev0+git.1080.gcb44a123-0.4.1.dmg
Android Package (APK)	kolibri-0.16.2b1.dev0+git.1080.gcb44a123-0.1.2-debug.apk
TAR file	kolibri-0.16.2b1.dev0+git.1080.gcb44a123.tar.gz
WHL file	kolibri-0.16.2b1.dev0+git.1080.gcb44a123-py2.py3-none-any.whl

[radinamatic]

Position of the buttons has been reverted to the previous state. Tested in Firefox and Chrome on Ubuntu 20.04:

Mentioning again what we discussed recently, that currently is not possible to submit the quiz if there are unanswered questions, which I believe we concluded is an unwarranted limitation. I'm also wondering if the Try again string actually makes sense here at all... 🤔 Try again what? Should be straight Submit , no?
cc @nucleogenesis @tomiwaoLE

[radinamatic]

Manual QA passes, good to go! 💯

[marcellamaki]

Yes, it should match the existing workflow, which allows you to "submit quiz" anyways

[marcellamaki]

The reverted code on the bottom bar looks fine, but let's also update the modal (sorry that this was not clear from our chat). Overall the entire workflow for the learner should be the same as it currently is in 0.16.

If we are able to update the workflow for 0.17.0 with Tomiwa's improved design, that's great, but I just want to make sure we don't end up with partial changes that could be more confusing.

Thanks @nucleogenesis ! Glad we're getting this sorted out

[nucleogenesis]

@marcellamaki @radinamatic I tested quizzes on the demo server and saw the "Try again" so I thought I was mimicking the 0.16 version but... turns out the demo server is still 0.15 😅

Just pushed an update to the message and handler for the modal -- now the user can click "Submit Quiz" in the modal to submit an unfinished exam.

[marcellamaki]

This looks fine to me once QA team approves! 🎉

[radinamatic]

Good ol' 0.16 quiz is back! 💯

Submit	Report

This looks fine to me once QA team approves! 🎉 - Marcella in a comment above & QA approved