feat: Добавлены названия периодов с анимацией появления

src/widgets/TimeFrameSlider/ui/CircleTimeline/CircleTimeline.module.scss

@@ -20,7 +20,7 @@
     margin-top: -28px;
     margin-left: -28px;
 
-    border: 25px solid transparent; 
+    border: 25px solid transparent;
     border-radius: 50%;
 
     background: var(--color-text);
@@ -46,15 +46,30 @@
         background-clip: padding-box;
     }
 
-    &:hover .label,
-    &.active .label {
+    &:hover .number,
+    &.active .number {
         display: block;
     }
 
-    .label {
+    .number {
         display: none;
 
         color: var(--color-text);
         font-size: 20px;
     }
+
+    .title {
+        position: absolute;
+        left: 100%;
+
+        margin-left: 20px;
+
+        color: var(--color-text);
+        font-weight: 700;
+        font-size: 20px;
+        white-space: nowrap;
+
+        opacity: 0;
+        visibility: hidden;
+    }
 }