feat(modals): use icon-close-red.png for close buttons on home view

src/components/directory-modal/directory-modal.module.css

@@ -24,7 +24,7 @@
   box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 1px;
   font-family: arial, helvetica, clean, sans-serif;
   font-size: 13px;
-  line-height: 16.003px;
+  line-height: 18px;
   z-index: 1000;
 }
 
@@ -57,8 +57,8 @@
 .closeButton {
   all: unset;
   cursor: pointer;
-  width: 16px;
-  height: 16px;
+  width: 18px;
+  height: 18px;
   position: absolute;
   top: 4px;
   right: 4px;
@@ -66,6 +66,14 @@
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
+  image-rendering: pixelated;
+}
+
+.closeButtonHome {
+  width: 16px;
+  height: 16px;
+  background-image: url("/assets/buttons/icon-close-red.png");
+  image-rendering: auto;
 }
 
 .bd {

src/components/directory-modal/directory-modal.tsx

@@ -22,7 +22,7 @@ const DirectoryModal = () => {
       <div className={styles.directoryDialog}>
         <div className={styles.hd}>
           <h2>Submit a Board to a Directory</h2>
-          <button className={styles.closeButton} onClick={closeDirectoryModal} title='Close' />
+          <button className={`${styles.closeButton} ${isHomeView ? styles.closeButtonHome : ''}`} onClick={closeDirectoryModal} title='Close' />
         </div>
         <div className={styles.bd}>
           <p className={styles.introMessage}>