Shows checkbox on hover of entire card

frontend/src/components/atoms/FileCard/index.tsx

@@ -31,15 +31,18 @@ const FileCard: React.FC<FileCardProps> = ({
   onMouseOut,
 }: FileCardProps) => {
   return (
-    <Card className={styles.quickViewCard} onClick={onClick}>
+    <Card
+      className={styles.quickViewCard}
+      onClick={onClick}
+      onMouseOver={onMouseOver}
+      onMouseOut={onMouseOut}
+    >
       <Card.Img variant="top" src={applicationPDF} />
       <Card.Body>
-        <Card.Title style={{wordWrap: "break-word"}} >{title}</Card.Title>
+        <Card.Title style={{ wordWrap: "break-word" }}>{title}</Card.Title>
         <FontAwesomeIcon
           style={{ fontSize: "1.125rem" }}
           icon={icon}
-          onMouseOver={onMouseOver}
-          onMouseOut={onMouseOut}
           onClick={onIconClick}
         />
       </Card.Body>

frontend/src/components/atoms/FolderCard/index.tsx

@@ -22,14 +22,17 @@ const FolderCard: React.FC<FolderCardProps> = ({
   onMouseOut,
 }: FolderCardProps) => {
   return (
-    <Card className={styles.folderCard} onClick={onClick}>
+    <Card
+      className={styles.folderCard}
+      onClick={onClick}
+      onMouseOver={onMouseOver}
+      onMouseOut={onMouseOut}
+    >
       <Card.Body style={{ padding: ".6rem" }}>
         <Card.Text style={{ marginBottom: 0 }}>{title}</Card.Text>
         <FontAwesomeIcon
           style={{ fontSize: "1.125rem" }}
           icon={icon}
-          onMouseOver={onMouseOver}
-          onMouseOut={onMouseOut}
           onClick={onIconClick}
         />
       </Card.Body>