fix [FRONT-2358]: Truncate operator *names* with CSS (#2004)

* Truncate operator *names* with CSS

* Apply the same logic to `DelegationsTable` for consistency

Author: mondoreale

src/components/Table.tsx

@@ -55,6 +55,7 @@ const OperatorName = styled.div<{ $truncate?: boolean }>`
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            max-width: 12rem;
         `}
 `
 

src/pages/OperatorsPage.tsx

@@ -244,6 +244,7 @@ function DelegationsTable({
                             operatorId={id}
                             operatorName={name}
                             imageUrl={imageUrl}
+                            truncate={!!name}
                         />
                     ),
                     align: 'start',
@@ -331,6 +332,7 @@ function OperatorsTable({
                             operatorId={id}
                             operatorName={name}
                             imageUrl={imageUrl}
+                            truncate={!!name}
                         />
                     ),
                     align: 'start',