[dashboard] small fixes

- avoid logo disappearing
- limit with of org selector
- added redirects for old user setting slugs

Author: svenefftinge

components/dashboard/src/app/AppRoutes.tsx

@@ -244,6 +244,34 @@ export const AppRoutes: FunctionComponent<AppRoutesProps> = ({ user, teams }) =>
                     <Route path={["/t/"]} exact>
                         <Redirect to="/projects" />
                     </Route>
+                    {/* redirect for old user settings slugs */}
+                    <Route path="/account" exact>
+                        <Redirect to={settingsPathAccount} />
+                    </Route>
+                    <Route path="/integrations" exact>
+                        <Redirect to={settingsPathIntegrations} />
+                    </Route>
+                    <Route path="/notifications" exact>
+                        <Redirect to={settingsPathNotifications} />
+                    </Route>
+                    <Route path="/billing" exact>
+                        <Redirect to={settingsPathBilling} />
+                    </Route>
+                    <Route path="/plans" exact>
+                        <Redirect to={settingsPathPlans} />
+                    </Route>
+                    <Route path="/preferences" exact>
+                        <Redirect to={settingsPathPreferences} />
+                    </Route>
+                    <Route path="/variables" exact>
+                        <Redirect to={settingsPathVariables} />
+                    </Route>
+                    <Route path="/tokens">
+                        <Redirect to={settingsPathPersonalAccessTokens} />
+                    </Route>
+                    <Route path="/keys" exact>
+                        <Redirect to={settingsPathSSHKeys} />
+                    </Route>
                     <Route
                         path="*"
                         render={(_match) => {

components/dashboard/src/menu/Menu.tsx

@@ -134,13 +134,13 @@ export default function Menu() {
             <header className="app-container flex flex-col pt-4 space-y-4" data-analytics='{"button_type":"menu"}'>
                 <div className="flex h-10 mb-3">
                     <div className="flex justify-between items-center pr-3">
-                        <Link to="/" className="pr-3">
+                        <Link to="/" className="pr-3 w-10">
                             <img src={gitpodIcon} className="h-6" alt="Gitpod's logo" />
                         </Link>
                         <OrganizationSelector />
                         {!isMinimalUI && (
                             <>
-                                <div className="pl-2 text-base text-gray-500 dark:text-gray-400 flex">
+                                <div className="pl-2 text-base text-gray-500 dark:text-gray-400 flex max-w-lg overflow-scroll">
                                     {leftMenu.map((entry) => (
                                         <div className="p-1" key={entry.title}>
                                             <PillMenuItem

components/dashboard/src/menu/OrganizationSelector.tsx

@@ -91,7 +91,9 @@ export default function OrganizationSelector(p: OrganizationSelectorProps) {
     return (
         <ContextMenu customClasses="w-64 left-0" menuEntries={entries}>
             <div className={`${classes} rounded-2xl pl-3`}>
-                <div className="py-1 pr-2 font-semibold">{selectedEntry.title!}</div>
+                <div className="py-1 pr-2 font-semibold whitespace-nowrap max-w-xs overflow-hidden">
+                    {selectedEntry.title!}
+                </div>
                 <div className="flex h-full pl-0 pr-1 py-1.5 text-gray-50">
                     <svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path