feat(styles): remember style selection per sfw or nsfw category, instead of single board

src/components/board-buttons/board-buttons.tsx

@@ -172,6 +172,24 @@ export const TimeFilter = ({ isInAllView, isInCatalogView, isInSubscriptionsView
   );
 };
 
+const AdButton = () => {
+  return (
+    <div className={styles.adButton}>
+      [
+      <Link
+        to='/boards'
+        onClick={(e) => {
+          e.preventDefault();
+          alert('work in progress');
+        }}
+      >
+        Plebbit Leaderboard
+      </Link>
+      ]
+    </div>
+  );
+};
+
 export const MobileBoardButtons = () => {
   const params = useParams();
   const location = useLocation();
@@ -186,19 +204,7 @@ export const MobileBoardButtons = () => {
 
   return (
     <div className={`${styles.mobileBoardButtons} ${!isInCatalogView ? styles.addMargin : ''}`}>
-      <div className={styles.adButton}>
-        [
-        <Link
-          to='/boards'
-          onClick={(e) => {
-            e.preventDefault();
-            alert('work in progress');
-          }}
-        >
-          Vote for Boards
-        </Link>
-        ]
-      </div>
+      <AdButton />
       <hr />
       {isInPostView || isInPendingPostPage ? (
         <>
@@ -248,19 +254,7 @@ export const DesktopBoardButtons = () => {
   return (
     <>
       <hr />
-      <div className={styles.adButton}>
-        [
-        <Link
-          to='/boards'
-          onClick={(e) => {
-            e.preventDefault();
-            alert('work in progress');
-          }}
-        >
-          Vote for Boards
-        </Link>
-        ]
-      </div>
+      <AdButton />
       <hr />
       <div className={styles.desktopBoardButtons}>
         {isInPostView || isInPendingPostPage ? (