chore: handle app name and options too long (#2283)

web/app/components/base/select/index.tsx

@@ -125,7 +125,7 @@ const Select: FC<ISelectProps> = ({
               >
                 {({ /* active, */ selected }) => (
                   <>
-                    <span className={classNames('block truncate', selected && 'font-normal')}>{item.name}</span>
+                    <span className={classNames('block', selected && 'font-normal')}>{item.name}</span>
                     {selected && (
                       <span
                         className={classNames(
@@ -209,7 +209,7 @@ const SimpleSelect: FC<ISelectProps> = ({
                 >
                   {({ /* active, */ selected }) => (
                     <>
-                      <span className={classNames('block truncate', selected && 'font-normal')}>{item.name}</span>
+                      <span className={classNames('block', selected && 'font-normal')}>{item.name}</span>
                       {selected && (
                         <span
                           className={classNames(

web/app/components/explore/sidebar/app-nav-item/index.tsx

@@ -55,7 +55,7 @@ export default function AppNavItem({
         <>
           <div className='flex items-center space-x-2 w-0 grow'>
             <AppIcon size='tiny' icon={icon} background={icon_background} />
-            <div className='overflow-hidden text-ellipsis whitespace-nowrap'>{name}</div>
+            <div className='overflow-hidden text-ellipsis whitespace-nowrap' title={name}>{name}</div>
           </div>
           <div className='shrink-0 h-6' onClick={e => e.stopPropagation()}>
             <ItemOperation