feat: Description icon on front of cards

Closes #563

client/src/components/Card/Card.jsx

@@ -23,6 +23,7 @@ const Card = React.memo(
     id,
     index,
     name,
+    description,
     dueDate,
     isDueDateCompleted,
     stopwatch,
@@ -106,7 +107,7 @@ const Card = React.memo(
           )}
           <div className={styles.name}>{name}</div>
           {tasks.length > 0 && <Tasks items={tasks} />}
-          {(dueDate || stopwatch || notificationsTotal > 0) && (
+          {(description || dueDate || stopwatch || notificationsTotal > 0) && (
             <span className={styles.attachments}>
               {notificationsTotal > 0 && (
                 <span
@@ -135,6 +136,13 @@ const Card = React.memo(
                   />
                 </span>
               )}
+              {description && (
+                <span className={classNames(styles.attachment, styles.attachmentLeft)}>
+                  <span className={styles.attachmentContent}>
+                    <Icon name="align left" />
+                  </span>
+                </span>
+              )}
             </span>
           )}
           {users.length > 0 && (
@@ -221,6 +229,7 @@ Card.propTypes = {
   id: PropTypes.string.isRequired,
   index: PropTypes.number.isRequired,
   name: PropTypes.string.isRequired,
+  description: PropTypes.string,
   dueDate: PropTypes.instanceOf(Date),
   isDueDateCompleted: PropTypes.bool,
   stopwatch: PropTypes.object, // eslint-disable-line react/forbid-prop-types
@@ -256,6 +265,7 @@ Card.propTypes = {
 };
 
 Card.defaultProps = {
+  description: undefined,
   dueDate: undefined,
   isDueDateCompleted: undefined,
   stopwatch: undefined,