add mobile ver and update nav snapshot

Author: Rachel Lim

client/modules/IDE/components/Header/MobileNav.jsx

@@ -23,7 +23,8 @@ import {
   newFile,
   newFolder,
   openPreferences,
-  showKeyboardShortcutModal
+  showKeyboardShortcutModal,
+  showFundraiserModal
 } from '../../actions/ide';
 import { logoutUser } from '../../../User/actions';
 import { useSketchActions, useWhatPage } from '../../hooks';
@@ -434,6 +435,9 @@ const MoreMenu = () => {
             {t('Nav.Help.Reference')}
           </NavMenuItem>
           <NavMenuItem href="/about">{t('Nav.Help.About')}</NavMenuItem>
+          <NavMenuItem onClick={() => dispatch(showFundraiserModal())}>
+            {t('Nav.Fundraiser')}
+          </NavMenuItem>
         </ParentMenuContext.Provider>
       </ul>
     </div>

client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap

@@ -457,6 +457,13 @@ exports[`Nav renders dashboard version for mobile 1`] = `
                 About
               </a>
             </li>
+            <li
+              class="nav__dropdown-item"
+            >
+              <button>
+                Support p5.js and the Processing Foundation!
+              </button>
+            </li>
           </ul>
         </div>
       </div>
@@ -1091,6 +1098,13 @@ exports[`Nav renders editor version for mobile 1`] = `
                 About
               </a>
             </li>
+            <li
+              class="nav__dropdown-item"
+            >
+              <button>
+                Support p5.js and the Processing Foundation!
+              </button>
+            </li>
           </ul>
         </div>
       </div>

client/styles/components/_fundraiser.scss

@@ -2,7 +2,7 @@
     padding: #{20 / $base-font-size}rem;
     margin-right: #{20 / $base-font-size}rem;
     padding-bottom: #{40 / $base-font-size}rem;
-    width: #{525 / $base-font-size}rem;
+    width: #{500 / $base-font-size}rem;
     text-align: center;
     overflow-y: auto;
 }