Form validation, Profile pic input test, Circle visualiser testing page

Form validation built into sign-in page, testing input type=“file” to
see if we want to look at users entering a photo for a profile pic type
of thing.

Also a separate page for testing the circle animation has been started,
but still needs work as it is just seeing if the animation method works
currently.
Quick fix on circleTest page

Added separate js file for circle test page so it doesn’t interfere
with workings of the other pages.
Added circle visualiser + animation and removed unnecessary old components

Circle animation currently able to add up drinks and display visually,
plus keep track of stats at the bottom of the page.
Not yet able to count down with time, but this will be added soon.

I also removed a bunch of unnecessary buttons etc. that I previously
was using to test code, so should look a bit cleaner. There have been
no css changes, except some inline styling.

Please test and let me know what you think!