Design fixes needed - Githubissues

Commentary & Archive Pages

[x] There is a gap between the end of the gradient and the beginning on the footer image on commentary and archive pages.
- Note: The issue is being caused by the percentages in the gradient, not the footer image. It should be updated to the below. On the archive pages, you can also adjust the value of the bottom property on .archive__content::after
```
background-image: linear-gradient(180deg,rgba(14,26,44,0),rgba(14,26,44,.8) 80px,#081324 120px,#081324 97.7%,rgba(0,11,14,.01));
```

[x] On the archive pages, the gray line on the side should be extended all the way to the post content. This can be done by removing the overflow: hidden; from the .archive__desc class

[x] For headings: add a bit more space to margin on top, and little less below:

.post-content p+h2 {    
margin-top: 4rem;
}
.post-content h2 {
margin-bottom: 1rem;
}

[x] reduce margin after "NOTES" heading: .footnotes ol {margin-top: 0.25rem;}
[x] Footnotes should be the regular body text, not post-content paragraph text. To fix this, line 27 in _typography.scss to .post-content > p, so only direct child paragraphs are impacted.
[x] Give .post-lede and .post-title a max-width of 700px