Merge branch 'improvement/ARTESCA-16840-exclamation-triangle-to-circle' into q/132.0

Author: bert-e

ui/src/components/ActiveAlertsCounter.tsx

@@ -82,7 +82,7 @@ const ActiveAlertsCounter = (props) => {
       >
         <CounterTitle>Warning</CounterTitle>
         <CounterValueWrapper>
-          <CounterIcon name="Exclamation-triangle" status={STATUS_WARNING} />
+          <CounterIcon name="Exclamation-circle" status={STATUS_WARNING} />
           <CounterValue>{warningCounter}</CounterValue>
         </CounterValueWrapper>
       </CounterWrapper>

ui/src/components/DashboardAlerts.tsx

@@ -1,6 +1,5 @@
-import { Text, TextBadge } from '@scality/core-ui';
+import { spacing, Text, TextBadge } from '@scality/core-ui';
 import { Box } from '@scality/core-ui/dist/next';
-import { spacing } from '@scality/core-ui/dist/style/theme';
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
@@ -19,7 +18,7 @@ const AlertsContainer = styled.div`
 const BadgesContainer = styled.div`
   display: flex;
   & > div {
-    margin-right: ${spacing.sp16};
+    margin-right: ${spacing.r16};
   }
 `;
 const Link = styled.div`

ui/src/containers/CreateVolume.tsx

@@ -422,11 +422,11 @@ const CreateVolume = (props) => {
               error = intl.formatMessage(
                 isLabelPrefixMatched
                   ? {
-                      id: 'label_name_error',
-                    }
+                    id: 'label_name_error',
+                  }
                   : {
-                      id: 'label_prefix_name_error',
-                    },
+                    id: 'label_prefix_name_error',
+                  },
               );
             } else {
               error = intl.formatMessage({
@@ -683,7 +683,7 @@ const CreateVolume = (props) => {
               isStorageClassExist ? null : (
                 <Banner
                   variant="warning"
-                  icon={<Icon name="Exclamation-triangle" />}
+                  icon={<Icon name="Exclamation-circle" />}
                   title={intl.formatMessage({
                     id: 'no_storage_class_found',
                   })}

ui/src/containers/NodeCreateForm.tsx

@@ -120,7 +120,7 @@ const NodeCreateForm = () => {
               asyncErrors &&
               asyncErrors.create_node && (
                 <Banner
-                  icon={<Icon name="Exclamation-triangle" />}
+                  icon={<Icon name="Exclamation-circle" />}
                   title="Error"
                   variant="danger"
                 >
@@ -207,8 +207,8 @@ const NodeCreateForm = () => {
                       values.infra
                     )
                       ? intl.formatMessage({
-                          id: 'role_values_error',
-                        })
+                        id: 'role_values_error',
+                      })
                       : undefined
                   }
                   content={