feat: add langCode and renderFooter props (#2644)

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>

src/excalidraw-app/components/LanguageList.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import clsx from "clsx";
+import * as i18n from "../../i18n";
+
+export const LanguageList = ({
+  onChange,
+  languages = i18n.languages,
+  currentLangCode = i18n.getLanguage().code,
+  floating,
+}: {
+  languages?: { code: string; label: string }[];
+  onChange: (langCode: i18n.Language["code"]) => void;
+  currentLangCode?: i18n.Language["code"];
+  floating?: boolean;
+}) => (
+  <React.Fragment>
+    <select
+      className={clsx("dropdown-select dropdown-select__language", {
+        "dropdown-select--floating": floating,
+      })}
+      onChange={({ target }) => onChange(target.value)}
+      value={currentLangCode}
+      aria-label={i18n.t("buttons.selectLanguage")}
+    >
+      {languages.map((lang) => (
+        <option key={lang.code} value={lang.code}>
+          {lang.label}
+        </option>
+      ))}
+    </select>
+  </React.Fragment>
+);