Browser warning about <hr> in <li>

[gregogun]

Issue/Bug:

• As stated in Devtools: "Warning: Did not expect server HTML to contain a <hr /> in a <li />"
• Not necessarily sure if this is inaccessible or not in line with semantic HTML, but as we're getting a warning from the browser, best to stick to fixing this considering there is an alternative implementation of the display of our list item.

Steps to fix:

• Replace component from Item components with a bottom border on each item
• Adjust the height and color of the border as well as padding on the Item to replicate the same look but remove the bug.