fix: review fixes

Author: astandrik

src/components/EntityStatus/EntityStatus.scss

@@ -98,13 +98,27 @@
         display: inline-block;
         overflow: hidden;
 
-        width: calc(100% + var(--button-width));
+        width: 100%;
         margin-top: 5px;
 
         white-space: nowrap;
         text-overflow: ellipsis;
     }
 
+    &__wrapper_with-clipboard-button &__link {
+        width: calc(100% + var(--button-width));
+    }
+
+    &__wrapper_with-info-button &__link {
+        width: calc(100% + var(--button-width));
+    }
+
+    &__wrapper_with-clipboard-button {
+        &.entity-status__wrapper_with-info-button .entity-status__link {
+            width: calc(100% + 2 * var(--button-width));
+        }
+    }
+
     &__link_with-left-trim {
         text-align: end;
         direction: rtl;

src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss

@@ -23,10 +23,4 @@
 
         font-weight: 500;
     }
-
-    &__clipboard-button {
-        color: var(--g-color-text-secondary);
-
-        @include mixins.table-hover-appearing-button();
-    }
 }

src/containers/Storage/StorageGroups/columns/columns.tsx

@@ -1,9 +1,9 @@
 import {ShieldKeyhole} from '@gravity-ui/icons';
 import DataTable from '@gravity-ui/react-data-table';
-import {ClipboardButton, Icon, Label, Popover, PopoverBehavior} from '@gravity-ui/uikit';
+import {Icon, Label, Popover, PopoverBehavior} from '@gravity-ui/uikit';
 
 import {CellWithPopover} from '../../../../components/CellWithPopover/CellWithPopover';
-import {InternalLink} from '../../../../components/InternalLink';
+import {EntityStatus} from '../../../../components/EntityStatus/EntityStatus';
 import {StatusIcon} from '../../../../components/StatusIcon/StatusIcon';
 import {UsageLabel} from '../../../../components/UsageLabel/UsageLabel';
 import {getStorageGroupPath} from '../../../../routes';
@@ -147,23 +147,18 @@ const groupIdColumn: StorageGroupsColumn = {
     width: 140,
     render: ({row}) => {
         return row.GroupId ? (
-            <div className={b('group-id-wrapper')}>
-                <InternalLink className={b('group-id')} to={getStorageGroupPath(row.GroupId)}>
-                    {row.GroupId}
-                </InternalLink>
-                <ClipboardButton
-                    text={String(row.GroupId)}
-                    className={b('clipboard-button')}
-                    size="xs"
-                    view="normal"
-                />
-            </div>
+            <EntityStatus
+                name={String(row.GroupId)}
+                path={getStorageGroupPath(row.GroupId)}
+                hasClipboardButton
+                showStatus={false}
+            />
         ) : (
             '-'
         );
     },
     sortAccessor: (row) => Number(row.GroupId),
-    align: DataTable.RIGHT,
+    align: DataTable.LEFT,
 };
 
 const usedColumn: StorageGroupsColumn = {