Added a continuous timer that updates during sorting

[hlai1]

Changes

• added a timer box on bottom right of the screen
• timer updates as the sorting algorithm is running and shows the final value

Why (resolves #169 and #170)

• Implementing time taken to sort #169 was about implementing the time taken to sort feature, but @LucasPilla explained in the thread of replies how it would be nice to have the time updated with each iteration, rather than just displaying it at the end

How

• Pulled the main branch of the repo
• Added @SunnyWan59's changes to implement a static time box in the bottom right of the screen
• Modified main.py to update display.timeBox and display.time_taken if the display wasn't paused

Testing

• Visually confirmed that the time box was updating for different sorting algorithms

Screenshots

Screen.Recording.2023-12-07.at.11.33.40.PM.mov

[idomeisner]

I don't think start_time and time_taken need to be globals.
They are relevant only for DisplayBox, why not add them as class or instance variables?
There are several options for how to implement this.
For example, you can set start_time when starting a new sort and update time_taken when calling the update method.
You can also save only start_time and directly do something like:
self.text = str(time() - start_time)[:6] + ' seconds'

[idomeisner]

I'm not sure sure DisplayBox is a good name, all boxes display something.
Looking at the other names TextBox, SlideBox, DropdownBox, ...
Maybe TimeBox or something like that would be better.