Fix #27: Adding day balance on when to leave bar after day is done

[araujoarthur0]

Related issue

#27: Behavior of when to leave bar

Context / Background

• When all the fields are filled for the day, the "When to leave bar" starts to instead display a day balance and a message that the day is done for.

What change is being introduced by this PR?

• How did you approach this problem?
  Added the new behavior on the function that updates the value of the "when to leave bar".
  There is now a new hidden div on the bar, and they get switched out when the day is done.

• What changes did you make to achieve the goal?
  Changes in existing function to update value of "when to leave bar", new style for hidden divs.

• What are the indirect and direct consequences of the change?
  People will get a clearer message after the day is done for, and be able to know their day balance.

How will this be tested?

• How will you verify whether your changes worked as expected once merged?
  Fill up my day and see if it works :)

Sample of how it'll be:

[codecov]

Codecov Report

Merging #222 into master will decrease coverage by 0.39%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master     #222      +/-   ##
==========================================
- Coverage   23.03%   22.63%   -0.40%     
==========================================
  Files          11       11              
  Lines         916      932      +16     
  Branches      172      174       +2     
==========================================
  Hits          211      211              
- Misses        605      619      +14     
- Partials      100      102       +2     

Impacted Files	Coverage Δ
js/calendar.js	0.00% <0.00%> (ø)
main.js	0.00% <0.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4572e74...eaa6f0d. Read the comment docs.

[thamara]

Just a minor change :)