card component: Add information fields to card component

[Ngoakor12]

Related issues: [please specify]

Description:

What are you up to? Fill us in :)

Screenshots/videos

I solemnly swear that:

• [x] My code follows the style guidelines of this project
• [x] I have merged the develop branch into my branch and fixed any merge conflicts
• [x] I have performed a self-review of my own code
• [x] I have commented my code in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] I have tested new or existing tests and made sure that they pass

[Ngoakor12]

@kingraphaii

Due date showing in red even though it's not overdue yet. Also can we put the time itself in the "title"?

I'll test it out some more, the colours seemed to change as expected before I will try and get the time to show too.

Can't see PR info on card as well

Which PR info?

I have a feeling if we have more than 4 tags per card the ui wont look so good. Maybe we can place them elsewhere? Also just show the tag name in full. Having to hover over it to see the name is not ideal.

I agree regarding the flavours and hovering. I just haven't found a good way display everything...

[kingraphaii]

Which PR info?

as per: