Achievements: add icons and isClickable check (fixes #3251)

[svlesiv]

[singharpita]

@YuserahN looks good. but the cursor pointer is only shown when there is both resource and description attached. in other case when there is only resource or description cursor pointer is not showing

[yubarajpoudel]

@singharpita agreed. @svlesiv I think it is better to show cursor when hovered through the icon either it is both or one between description and resources.

[svlesiv]

@singharpita and @Yuviii, thank you for noticing this bug. I've fixed it. Now it should work properly.

[lmmrssa]

@svlesiv We want to have generic icon to show that it is collapsable. You do not need to add two separate icons. Also If there is no resource or description then we do not want it to be collapsable at all.

[svlesiv]

Hi @lmmrssa, thanks for the review. I will try to fix it.

[svlesiv]

[svlesiv]

Or it can be other icons:

[paulbert]

@svlesiv I think having the icon to the right of the title would be preferable so all of the titles line up & the title is the first thing you read. Leaning towards the chevron arrow, also.

[svlesiv]

Sure, I will fix it.

Issues addressed