ui: restrict meta list to 1

frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx

@@ -15,7 +15,7 @@ export default function MetaMoreButton(props: Props) {
     <Popover
       render={() => (
         <div
-          className="text-sm grid grid-col p-4 gap-3 bg-white"
+          className="text-sm grid grid-col gap-3 bg-white"
           style={{ maxHeight: '200px', overflowY: 'auto' }}
         >
           {list.slice(maxLength).map(({ label, value }, index) => (
@@ -26,7 +26,7 @@ export default function MetaMoreButton(props: Props) {
       placement="bottom"
     >
       <div className="flex items-center">
-        <Button size={'small'} variant="text">
+        <Button type="link">
           +{list.length - maxLength}
           {' '}
           {t('More')}

frontend/app/components/shared/SessionItem/SessionItem.tsx

@@ -288,7 +288,7 @@ function SessionItem(props: RouteComponentProps & Props) {
                   </div>
                 </div>
                 {_metaList.length > 0 && (
-                  <SessionMetaList metaList={_metaList} />
+                  <SessionMetaList maxLength={1} metaList={_metaList} />
                 )}
               </div>
             )}