feat(VDisk): display label for donors

Author: ariser

src/containers/Storage/Vdisk/Vdisk.js

@@ -1,7 +1,7 @@
 import React, {useEffect, useState, useRef, useMemo} from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
-import {Popup} from '@yandex-cloud/uikit';
+import {Label, Popup} from '@yandex-cloud/uikit';
 
 import {bytesToGB, bytesToSpeed} from '../../../utils/utils';
 import routes, {createHref} from '../../../routes';
@@ -202,6 +202,7 @@ function Vdisk(props) {
             // matches the default offset for popup with arrow out of a sense of beauty
             offset={[0, 12]}
         >
+            {props.DonorMode && <Label className={b('donor-label')}>Donor</Label>}
             <InfoViewer
                 title="VDisk"
                 info={prepareVdiskData()}

src/containers/Storage/Vdisk/Vdisk.scss

@@ -3,9 +3,14 @@
         padding: 12px;
 
         .info-viewer + .info-viewer {
-            border-top: 1px solid var(--yc-color-line-generic);
-            padding-top: 8px;
             margin-top: 8px;
+            padding-top: 8px;
+
+            border-top: 1px solid var(--yc-color-line-generic);
         }
     }
+
+    &__donor-label {
+        margin-bottom: 8px;
+    }
 }