Prettier

src/intl.tsx

@@ -11,12 +11,7 @@ async function importLang(code: string) {
   return Object.fromEntries(ent) as Record<string, string>;
 }
 
-export const AllLocales = [
+export const AllLocales = ["en", "de", "es", "th"];
-  "en",
-  "de",
-  "es",
-  "th"
-]
 
 const getMessages = (locale: string) => {
   const truncatedLocale = locale.toLowerCase().split(/[_-]+/)[0];

src/pages/layout.tsx

@@ -30,9 +30,7 @@ export function LayoutPage() {
         menuClassName="ctx-menu"
         menuButton={
           <div className="flex f-center g24">
-            <div className="flag">
+            <div className="flag"></div>
-
-            </div>
             <div className="uppercase pointer">
               <b>{lang.includes("-") ? lang.split("-")[0] : lang}</b>
             </div>
@@ -40,12 +38,13 @@ export function LayoutPage() {
         }
         align="end"
         gap={5}>
-        {AllLocales.sort().map(l => <MenuItem onClick={() => setLang(l)} key={l}>
+        {AllLocales.sort().map(l => (
-          {new Intl.DisplayNames([l], {
+          <MenuItem onClick={() => setLang(l)} key={l}>
-            type: "language",
+            {new Intl.DisplayNames([l], {
-          }).of(l)}
+              type: "language",
-        </MenuItem>)}
+            }).of(l)}
-
+          </MenuItem>
+        ))}
       </Menu>
     );
   }