Aesthetic improvements

[seanmturley]

Description

A number of small aesthetic improves would greatly improve the polish of this project, making it more presentable as part of my portfolio.

Tasks

• [x] #151
• [x] #94
• [x] #8
• [x] #155
• [x] #149
• [x] #154
• [x] #35
• [x] #53
• [x] #112
• [x] #150
• [x] Consider swapping current IoLogoReddit for PiRedditLogo (the former has noticably thinner line weight in the menu)

[seanmturley]

Added "share" icons to Comment via the new ShareButton component created in #157.

[seanmturley]

Added "score" icon to Comment via the new ScoreDisplay component created in #158.

[seanmturley]

Added the menu icon. It looks pretty good as is, but may want to to adjust the size and play with variant options (from both Phosphor Icons and Iconicons 5).

[seanmturley]

Added non-theme icons to DropdownMenu - the theme related icons are inside ToggleSwitch, which will be a little more complicated.

The icons look good, but the vertical centering may need some finessing - simply adding flex align-items: center isn't doing a great job due to the way the text sits.

[seanmturley]

Added the magnifying glass icon to SearchBar. Also need to add the "x" symbol for the clear search, but this is currently an input with value="x", so I need to think about how to insert the icon in there while maintaining accessibility.

[seanmturley]

For the clear search button I changed it from an <input> to a <button> so that it could take the icon as a child element.

[seanmturley]

Replaced IoLogoReddit in DropdownMenu with PiRedditLogo. The former had noticeably thinner line weight than the other icons in DropdownMenu (even though they were from the same icon library). This is also now consistent with the Reddit icon used in Comment.

[seanmturley]

Closing as complete (though there's bound to be some issues crop up, not to mention mobile view).