fix: fix overview vault addresses, fix permission settings no roles

Author: ev-d

.env.example

@@ -41,7 +41,7 @@ CSP_TRUSTED_HOSTS=https://*.lido.fi
 # put "true" enable report only mode for CSP
 CSP_REPORT_ONLY=true
 # api endpoint for reporting csp violations
-CSP_REPORT_URI=https://vaults.lido.fi/api/csp-report
+CSP_REPORT_URI=https://stvaults.lido.fi/api/csp-report
 
 # allow some state overrides from browser console for QA
 ENABLE_QA_HELPERS=false

features/overview/shared/contract-address/components/address-with-tooltip/address-with-tooltip.tsx

@@ -1,5 +1,7 @@
 import type { FC } from 'react';
-import { Tooltip, Address } from '@lidofinance/lido-ui';
+import { Address } from '@lidofinance/lido-ui';
+
+import { TooltipStyled } from './styles';
 
 type AddressWithTooltipProps = {
   address: string;
@@ -9,8 +11,8 @@ export const AddressWithTooltip: FC<AddressWithTooltipProps> = ({
   address,
 }) => {
   return (
-    <Tooltip title={address}>
+    <TooltipStyled title={address}>
       <Address symbols={9} address={address} />
-    </Tooltip>
+    </TooltipStyled>
   );
 };

features/overview/shared/contract-address/components/address-with-tooltip/styles.ts

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import { Tooltip } from '@lidofinance/lido-ui';
+
+export const TooltipStyled = styled(Tooltip)`
+  overflow: clip;
+`;

features/settings/permissions/components/role-description/role-description.tsx

@@ -20,6 +20,12 @@ export type RoleDescriptionProps = {
 
 const splitDescription = (description: string) => {
   const words = description.split(' ').filter(Boolean);
+  if (words.length === 1) {
+    return {
+      descriptionText: words[0],
+    };
+  }
+
   return {
     descriptionText: words.toSpliced(0, -1).join(' '),
     lastWord: words.at(-1) ?? '',