create lang selector component

libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { Dropdown, DropdownButton } from 'react-bootstrap'
+import DropdownItem from "react-bootstrap/DropdownItem";
+
+export function LanguageOptions() {
+  const langOptions = ['EN', 'ES', 'FR', 'ZH'] //get languages from locale
+  const changeLanguage = (e: any) => {
+    //change language
+  }
+  return (
+    <>
+      <div className="d-flex align-items-center justify-content-end mx-1">
+        <DropdownButton title="EN" id="langdropdown" size="sm">
+          {langOptions.map(lang => (
+            <DropdownItem as={'span'} onClick={changeLanguage}>{lang}</DropdownItem>
+          ))}
+        </DropdownButton>
+      </div>
+    </>
+  )
+}

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -9,6 +9,7 @@ import HomeTabScamAlert from './components/homeTabScamAlert'
 import HomeTabGetStarted from './components/homeTabGetStarted'
 import HomeTabFeatured from './components/homeTabFeatured'
 import HomeTabFeaturedPlugins from './components/homeTabFeaturedPlugins'
+import { LanguageOptions } from './components/homeTablangOptions'
 
 declare global {
   interface Window {
@@ -60,6 +61,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
             <HomeTabLearn plugin={plugin} />
           </div>
           <div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{width: '65%'}} id="remixUIHTRight">
+            <LanguageOptions />
             <HomeTabFeatured></HomeTabFeatured>
             <HomeTabGetStarted plugin={plugin}></HomeTabGetStarted>
             <HomeTabFeaturedPlugins plugin={plugin}></HomeTabFeaturedPlugins>