Fix varies of style issues for community page

1. Fixed overflowed line through of headings, use a better solution to achieve the same effect
2. Adjusted the font size of headings when in smaller screens, it was way too big for mobile devices and reduces readability
3. Added paddings for the Recent News section, it used to have no paddings and looks weird
4. Adjusted the navigation anchor links for sections, the button style was way too big and not harmony with the rest of the design pattern
5. Added comments for blocks
6. Make it more consistent for paddings, margins and other styles for each of the sections
7. Fixed the entangled styles with the size of view ports, make it more smoother when resizes
8. Remove hard-coded paddings and margins
9. Fixed incorrect vw unit usages, center navigation items, linted function calls
10. Added some small animation transitions for the smoother experience

Signed-off-by: Neko Ayaka <[email protected]>

Author: nekomeowww