update board-pagination styling

src/components/board-pagination/board-pagination.module.css

@@ -119,6 +119,13 @@
   text-decoration: var(--boardsbar-desktop-link-text-decoration-hover);
 }
 
+.pagelistSeparatorLink {
+  composes: footerPageLink;
+  border-left: 1px solid var(--pagelist-item-border-color);
+  padding-left: 12px;
+  margin-left: 7px;
+}
+
 .footerPageCurrent {
   font-weight: bold;
   color: var(--boardsbar-desktop-link-text-color-hover);

src/components/board-pagination/board-pagination.tsx

@@ -85,10 +85,10 @@ const BoardPagination = ({ basePath, currentPage, totalPages, footerStyle = fals
             ) : (
               <span className={styles.footerNavPlainDisabled}>{t('next')}</span>
             )}
-            <Link to={catalogHref} className={styles.footerPageLink}>
+            <Link to={catalogHref} className={styles.pagelistSeparatorLink}>
               {t('catalog')}
             </Link>
-            <Link to={archiveHref} className={styles.footerPageLink}>
+            <Link to={archiveHref} className={styles.pagelistSeparatorLink}>
               {t('archive')}
             </Link>
           </div>