[NEW] Polish/keep device awake

[yiw008]

Administrative Info

Insert a list of all the issues this Pull Request closes below

• Closes [Polish Needed] Device Distraction Needs Polish #177

Make sure your branch name conforms to: <feature/bug/admin>/description or the PR will not pass

Changes

What changes did you make?

• Keep the device awake when the timer is running
• https://github.com/richtr/NoSleep.js
• Not working with Safari IOS 15.0 richtr/NoSleep.js#135
• https://github.com/Uriopass/NoSleep.js

Checklist for Review

• PR's tests are not brittle (will not break if implementation slightly changes)
• Test cases have a description as to what they test

Lint Changes

If there are any rules your turned off on the linter, write them below

• TODO

Reviewers

Please checkout the branch and try to find bugs that may have slipped through. Check for confusing code, excessive anonymous functions ( should be short 2-3 line functions if anonymous ), and peformance of the website. Check for consistency of code style.

[AW0723]

Can you move the JS to a JS file, maybe App.js instead of using inline JS?

[yiw008]

Can you move the JS to a JS file, maybe App.js instead of using inline JS?

No, because I cannot import an online js file in App.js. If I copy the code of NoSleep.js in our repo, this will cause styling problems resulting in failing the lint test.

Also, I cannot import whatever NoSleep from NoSleep.js. Actually, I cannot understand the structure of NoSleep.js well.

[mmjiang-ucsd]

Will close for now unless extensive testing can be done