previously the text elements werent relieving their focus up until actually clicking another element
on the page. This now allows cilcking anywhere on the page regardless of element, relieving the
focus and shifting focus to another text element if one is clicked. This also fixes the persistant
text wrapping, replacing the <br> tags with
chars and wrapping the text wth a pre tag to maintain
all new lines
previously the minimap was hardcoded and thus wouldnt update the size of the text relative to its
real size. Im using a useEffect, which im not happy with. IMO you should not use state to set state,
but at the moment i dont really know what else to do, thus ithis is the solution.