Fix clipping of the sidebar when headers are long and result in multiple lines in the sidebar
(although this clipping is a bug and should be fixed separately)
Originally posted by @FlorentRevest in https://github.com/AsteroidOS/asteroidos.org/issues/236#issuecomment-1442537288

I can not find where the style="top: is added via/to one of the classes sidebar hidden-print affix-bottom when the bottom of the page is reached.
You can see in this screen recording that manipulating the ´top´ parameter shifts the sidebar up accordingly.
And somehow top only gets added when scrolling to bottom and and removed when scrolling back up.
But the value that gets added is much too low by factor of 10.
https://user-images.githubusercontent.com/15074193/231179373-1d92f373-6a6b-42e2-9b5e-7f7b24def3a2.mp4
Keeping this open despite the mitigating merge of https://github.com/AsteroidOS/asteroidos.org/pull/355#pullrequestreview-1386841009 Since the issue is still present in the Documentation -> Building Asteroid pages for instance. And someone actually fixing the bootstrap sidebar behavior with long lists would be very welcome.