some pattern picker fixes

sites/lab/components/layouts/lab.js

@@ -10,7 +10,6 @@ export const BeforeNav = ({ app }) => (
       <LocalePicker app={app} />
     </div>
     <div className="md:hidden flex flex-row flex-wrap sm:flex-nowrap gap-2 mb-2">
-      <PatternPicker app={app} />
       <VersionPicker app={app} />
     </div>
   </>

sites/lab/components/pattern-picker.js

@@ -33,7 +33,7 @@ const PatternPicker = ({ app }) => {
           }
 
           return (<PickerLink {...patternProps} key={pattern}>
-            <span className="sr-only">{sectionTitle}</span> {app.navigation[section][pattern].__title}
+            <span className="sr-only" key={pattern}>{sectionTitle}</span> {app.navigation[section][pattern].__title}
           </PickerLink>)
         })}
       </React.Fragment>)}

sites/shared/components/locale-picker.js

@@ -10,7 +10,8 @@ const LocalePicker = ({ app, iconOnly=false }) => {
   const pickerProps = {
     iconOnly,
     Icon: LocaleIcon,
-    title: t(router.locale)
+    title: t(router.locale),
+    end: true
   }
 
   return (

sites/shared/components/picker.js

@@ -3,9 +3,9 @@ import { Menu } from '@headlessui/react'
 import Link from 'next/link'
 
 /** an accessible dropdown menu for use by picker components */
-export const Picker = ({Icon, className, title, ariaLabel, iconOnly=false, children}) => {
+export const Picker = ({Icon, className, title, ariaLabel, iconOnly=false, children, ...props}) => {
 
-	return (<Menu as="div" className={`dropdown dropdown-end w-auto`}>
+	return (<Menu as="div" className={`dropdown w-auto ${props.end ? 'dropdown-end' : ''}`}>
 		<Menu.Button className={iconOnly
 			? `btn btn-sm`
 			: `m-0 btn btn-neutral flex flex-row gap-2

sites/shared/components/theme-picker.js

@@ -16,7 +16,8 @@ const ThemePicker = ({ app, className, iconOnly=false }) => {
     iconOnly,
     Icon: ThemeIcon,
     title: t(`${app.theme}Theme`),
-    ariaLabel: t('themesPicker')
+    ariaLabel: t('themesPicker'),
+    end: true
   }
   return (<Picker {...pickerProps}>
     {Object.keys(themes).map(theme => (