Resolve "[MIN-263] Long map names"

Closes #197 (closed)

src/components/FunctionalArea/MapNavigation/MapNavigation.component.tsx

@@ -72,7 +72,8 @@ export const MapNavigation = (): JSX.Element => {
             variantStyles={isActive(map.modelId) ? 'secondary' : 'ghost'}
             onClick={(): void => onSubmapTabClick(map)}
           >
-            {map.modelName}
+            <span className="max-w-[256px] truncate">{map.modelName}</span>
+
             {isNotMainMap(map.modelName) && (
               // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
               <div onClick={(event): void => onCloseSubmap(event, map)} data-testid="close-icon">