Create Blog Card Component

[zenlex]

• What is the current behavior?
  There is no blog card

• What is the expected behavior?
  There is a blog card component that takes blog details as props and renders a single blog card. This component will be used by the blog list index component. See Build blog list component (Index page) #20
  

[zenlex]

The logic for the index page is already built in src/pages/blog/index.tsx. Next steps:

• refactor markup into BlogCard component that takes a post object (passed in from the array of posts in index.tsx)
• style card component to match figma
• add basic grid container to index.tsx to space out the cards

You may take a look at the Event card component (pull request #117) as the blog card and event card are very similar. Bonus points for refactoring both blog and event cards to use the same base card component.

[zenlex]

Update - blog index needs to be rebuilt first so marking this one as hold until we get #20 done first.