Add funds menu option, and Add funds page

web/components/profile-menu.tsx

@@ -54,6 +54,10 @@ function getNavigationOptions(
       name: 'Your trades',
       href: '/trades',
     },
+    {
+      name: 'Add funds',
+      href: '/add-funds',
+    },
     {
       name: 'Leaderboards',
       href: '/leaderboards',

web/pages/add-funds.tsx

@@ -19,11 +19,11 @@ export default function AddFundsPage() {
       <SEO title="Add funds" description="Add funds" url="/add-funds" />
 
       <Col className="items-center">
-        <Col>
-          <Title text="Get Manifold Dollars" />
+        <Col className="bg-white rounded sm:shadow-md p-4 py-8 sm:p-8 h-full">
+          <Title className="!mt-0" text="Get Manifold Dollars" />
           <img
-            className="mt-6 block"
-            src="/praying-mantis-light.svg"
+            className="mb-6 block self-center -scale-x-100"
+            src="/stylized-crane-black.png"
             width={200}
             height={200}
           />
@@ -50,7 +50,7 @@ export default function AddFundsPage() {
           <form
             action={checkoutURL(user?.id || '', amountSelected)}
             method="POST"
-            className="mt-12"
+            className="mt-8"
           >
             <button
               type="submit"