fix: mobile dropdown not closing on click, minor changes

README.md

@@ -1,7 +1,6 @@
 # Website
 
 ## TODO
-- Remove jank to get the image component to work
 - Add rss meta tag once it's implemented
 - Update images in showcase
 

locales/en_US.json

@@ -18,7 +18,8 @@
 				"about": "About the project",
 				"faq": "Frequently asked questions",
 				"blog": "Our latest updates, condensed",
-				"progress": "Check the project progress and goals"
+				"progress": "Check the project progress and goals",
+				"donate": "Gain cool perks by supporting the project"
 			}
 		}
 	},

src/components/Header/HeaderDropdowns/HeaderDropdown2.tsx

@@ -36,7 +36,7 @@ export default function HeaderDropdown2({ locale, mobile }: { locale: any; mobil
 				</div>
 				<div>
 					<Title element="h4">{locale.nav.donate}</Title>
-					<p>💜</p> {/* TODO: add better caption to locale */}
+					<p>{locale.nav.dropdown.captions.donate}</p>
 				</div>
 				<ArrowRight size={28} className={styles.arrow} />
 			</Link>

src/components/Header/HeaderDropdowns/MobileDropdown/MobileDropdown.tsx

@@ -6,7 +6,7 @@ import AccountWidget from '../AccountDropdowns/AccountWidget';
 
 export default function MobileDropdown({ locale, setMobileOpen, mobileLocaleOpen, localeSetter, localeList }) {
 	return (
-		<div className={styles.mobileDropdown}>
+		<div className={styles.mobileDropdown} onClick={() => setMobileOpen(false)}>
 			{mobileLocaleOpen && <LocaleDropdown mobile={true} localeSetter={localeSetter} localeList={localeList} />}
 			{!mobileLocaleOpen && (
 				<>