Add markdown editor in the card description when editting

[raflymln]

Since the card support markdown render, it'd be great if we also had markdown editor so for those who doesn't understand a lot about markdown could use this feature.

With this new feature, there also a drawbacks such as no longer saving when input are onBlur since if we still using this blur callback, it'd be called when user trying to click at the editor toolbar such as Bold button.

[raflymln]

Also i have some suggestion for the eslint and prettier settings, i think it'd be great if we add more tab spacing and print width in the prettier so you can read the code more better

Here's the current configuration:

{
    "printWidth": 100,
    "singleQuote": true,
    "trailingComma": "all",
}

My proposed settings:

{
    "printWidth": 200,
    "singleQuote": true,
    "trailingComma": "all",
    "tabWidth": 4
}

[raflymln]

And if we can change eslint no-unused-vars settings to "warn" i think that would be great to speed up development, since you don't need to handle with unused vars while developing (adding/removing) features that requires a lot of variables

I think it'd be better if we clean up those mess in the end before releasing into production, wdyt?

Proposed eslint rules:

"no-unused-vars": "warn"

With this feature, any unused vars would not block front-end to rendering the component

[meltyshev]

Hi! It's a cool addition 👍
But unfortunately some elements of the editor don't work, such as Preview or Side by Side. It would also be great to remove the padding.

Regarding eslint and prettier settings, I don't think it would work for me because of the 13-inch screen. We should probably think about how to set it up so that we can work locally with other settings...

Regarding the "no-unused-vars: "warn" I completely agree, I always have to comment code with unused variables and it's annoying.

[raflymln]

Alright so then i'll edit up the eslint settings and also i'll remove some unused features from the markdown editor, what do you think about that?

[meltyshev]

For me, the perfect view would be:

I also forgot to change the color of the font in the editor, but maybe it doesn't matter for the first version 🙈

Regarding eslint, it's better to do this in another PR or I can add it myself.

[raflymln]

Newest commit result

[meltyshev]

Perfect! Thank you 🙏

[johnnyduncan]

Wow, good work!!

[raflymln]

Perfect! Thank you 🙏
Wow, good work!!

Thank you so much 🙏