Add Netlify badge

[turnalfred]

• Introduced a netlify badge at the footer of the left navigation bar to acknowledge the service.
• Indentation and syntax improvements in JSX for better readability and code quality.

Closes #686

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: turnalfred / name: Alfred Neequaye (7c2927b, 2661f07, c283ea7)

[netlify]

✅ Deploy Preview for glistening-gecko-6b417a ready!

Name	Link
🔨 Latest commit	c283ea7
🔍 Latest deploy log	https://app.netlify.com/sites/glistening-gecko-6b417a/deploys/654b4309cf885d0008247ff7
😎 Deploy Preview	https://deploy-preview-716--glistening-gecko-6b417a.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[aaronreed708]

Hi @turnalfred, sorry that it took me so long to get back to you on this issue. I finally tried out your changes using the Netlify preview in the PR, and what I'm seeing is that the Netlify badge may scroll out of view if the left column contents are longer than the visible column size. Our designer's goal is to have the badge always visible, regardless of how much content is in the column.

I think where I might have confused you is when I said "fixed position". I didn't actually mean having a position: fixed or position: absolute rule in CSS. You were correct in your observation that in such a case if the column grew then there could be content stuck behind that fixed DIV. What I really meant is that the Netlify badge should always be visible in the bottom left of the browser window no matter how long the column got. BUT that the column contents should be sized such that the content window doesn't extend behind the Netlify badge DIV. I haven't had time to try this, yet, but what I'm thinking of is discussed here: https://stackoverflow.com/questions/43173235/make-a-flexbox-middle-part-scroll-without-the-container-taking-100-of-the-page. So, for example, if the column had a header, menu content, and a footer, that the header and footer would always be visible and the menu content area would size to fill whatever space is left in the column. Does that make sense? Are you ok with that? Or do you see problems with that approach as well? If you see an issue with this approach let me know and we can talk it out. Thank you!