Add, style, and use DictionaryCard

[novellac]

This PR fixes...

This PR addresses #121

Note: The DictionaryCard doesn't look exactly like the Figma, but it supports some more cases that the Figma didn't cover. Will have @julietafb take a look and we can perhaps modify in a future PR.

What I did...

• Added a DictionaryCard component
• Styled DictionaryCard component ~ Figma

How to test...

• Navigate to /dictionary
• See that dictionary entries each appear with correct content
• Check that links to add new perspective and add a definition lead to working Github files

I learned...

I added the last variant to the Tailwind config file - here's how. Keep this in mind if a Tailwind property is not working for you (this is what happened to me!). Read the docs to see if it must be added as a variant first.

[alliequintano]

Just took a peak at this and want to confirm a few observations:

• overall the scale looks very large for me relative to the rest of the page, but not sure if this is the intended design (knowing that other elements on the page are unfinished). Hard to tell by looking at the figma because the page width looks different.. Would it be helpful to see design mockups for a variety of screen sizes? If Julieth is happy with this as is, i'm also happy to keep it! Just pointing it out.
  

• The "add a definition" and "add your perspective" links go to the corresponding github pages, which don't offer much instruction on what to do from that point. This might be okay if we are linking to the instructions elsewhere on the dictionary page? (I think we have something typed up in github already but I can't find it right now 😅 )

• Lastly, a design comment that doesn't block this PR from being merged but curious what @julietafb thinks, I would love to be able to click on the whole dictionary entry "card" to view the entry page, rather than just clicking on the word. From the design as is, it's not obvious to me that I can click on it.

[Dreamy26]

Looks good.. Thanks for adding more Style!