feat(post): add content, links, buttons, optimize for feed scroll

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

@@ -28,10 +28,6 @@
   font-size: var(--boardnav-mobile-font-size);
 }
 
-.boardNavMobile .pageJump a {
-  color: var(--boardnav-mobile-button-text-color);
-}
-
 .boardNavMobile strong {
   text-transform: capitalize;
   padding-right: 5px;
@@ -53,13 +49,11 @@
   padding: 3px 5px 0 0;
 }
 
-.pageJump span, .pageJump a {
+.pageJump a, .mobileSearchButton {
   padding-right: 5px;
-}
-
-.pageJump a {
   color: var(--homepage-box-link-text-color);
   text-decoration: var(--homepage-box-link-text-decoration);
+  text-transform: capitalize;
 }
 
 @media (max-width: 640px) {

src/components/board-nav/board-nav.tsx

@@ -40,8 +40,8 @@ const BoardNavMobile = ({ subplebbits, currentSubplebbit }: BoardNavProps) => {
 
   const boardSelect = (
     <select value={currentSubplebbit} onChange={(e) => navigate(`/p/${e.target.value}`)}>
-      <option value='all'>All</option>
-      <option value='subscriptions'>Subscriptions</option>
+      <option value='all'>{t('all')}</option>
+      <option value='subscriptions'>{t('subscriptions')}</option>
       {subplebbits.map((subplebbit: any, index: number) => (
         <option key={index} value={subplebbit.address}>
           {subplebbit.address.includes('.') ? subplebbit.address : subplebbit.title || subplebbit.address.slice(0, 10).concat('...')}