Clean up and isolate js code in files select.html and listeners.html

[segun-codes]

This PR replaces PRs #1280 by @ayushkumarbhadani, #1274 & #1278 by @adityagoyal200, #1254 and #1255 by @Leeiaisabelle & #1275 by @adityagoyal200.

Fixes #1185 and #1184

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• PR is descriptively titled 📑 and links the original issue above 🔗
• [] tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with grunt test
• code is in uniquely-named feature branch and has no merge conflicts 📁
• screenshots/GIFs are attached 📎 in case of UI updates
• @mention the original creator of the issue in a comment below for help or for a review

We're happy to help you get this ready -- don't be afraid to ask for help, and don't be discouraged if your tests fail at first!

If tests do fail, click on the red X to learn why by reading the logs.

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/contributing-to-public-lab-software

Thanks!

[segun-codes]

Hi @jywarren, kindly review and consider for merging, many thanks!

This PR replaces PRs #1280 by @ayushkumarbhadani, #1274, #1278 & #1275 by @adityagoyal200, #1254 and #1255 by @Leeiaisabelle which were at various levels of completion and required further actions from affected contributors but the common denominator is that none was given final landing.

The task of closing out with this PR is as agreed with @7malikk.

[7malikk]

Great work @segun-codes

[segun-codes]

Great work @segun-codes

Thanks!!!

[jywarren]

Looks great, thanks! Left a couple small requests.

[jywarren]

And many thanks to @ayushkumarbhadani, @adityagoyal200, and @Leeiaisabelle for their work on these, which is being combined here! ❤️ 🎉

[segun-codes]

@jywarren, do you want to review and merge now so we call it day on this?

[jywarren]

Looks super. Thanks!!