fixed #412, fixed #TODO in side menu animation, fixed <a> text being on top of the header

[Specy]

There are still some issues regarding the header, i dont really like how it is on mobile, it takes up a lot of vertical space and doesn't provide much info, i think it should be removed and instead adding the page path info in the topmost part of the page.

I changed the sidemenu top bar (where there is the logo and tph logo) to have the same size as the header. Fixes issue #412 Changed the way the side menu appears, from using left/right to use transform

[Specy]

Ok i found the reason why, pre tags which include code that don't have a language class, have no attributes to define their styling, i saw that all the elements which have a language class have overflow-x: auto so i added that to all pre tags, i also included min-height:28px because without it, one line command blocks had a weird Y overflow.

[Xetera]

h2 tags also need a word break

[Specy]

done